How to display full channel name in a gauge box?

I want to be able to display name of a channel in full next to a gauge in PRTG maps. Is that even possible. I have copied Channel Gauges and created custome map object. I cannot however work out how to make the boxes bigger or text to display in full.

 <!--Status Icons: Channel Gauges with Full Name-->

<div class="map_object map_table customguages_biggerfont <#sensor type="colorclassofstate" prefix="map_objectstate_" id="<@objectid>">" id="<@itemid>" objectid="<@objectid>" subid="<@subid>" style="overflow:visible;
<#mapobject type="coordinates" subid="<@subid>" mode="<@editmode>">">
<#mapobject type="objectgrip" mode="<@editmode>">
<#mapobject type="htmlbefore" subid="<@subid>">
<#checkobjecttype objecttype="sensor" nicemessage="true" id="<@objectid>">
  <p><b><#objectproperty name="Name" id="<@objectid>"></b></p>
	<div id="Plugin_<@itemid>"
    class="prtg-plugin"
    data-plugin="channelgauges"
    data-objectid="<@objectid>"
    data-primarychannel='<#objectproperty name="primarychannel" show="number" id="<@objectid>">'
    data-type="channels"
    data-mapview="true"
    data-mapobj="true">
    <!--
    {
      "objects":<#table
      id="<@objectid>"
      output='json'
      noraw='1'
      content='channels'
      sortby='name'
      columns='name,info=treejson,minimum,maximum,condition,lastvalue'>
    }
    -->
	</div>
<#mapobject type="htmlafter" subid="<@subid>">
</div>

.map_object .primary > .channelname, .map_object .primary > .channelvalue {font-size: 20px !important;}
.map_object .primary > .channelgauge text {font-size: 16px !important;}
.map_object .channelname, .map_object .channelvalue {font-size: 14px !important;}