Gauges : change width

index.php

@@ -119,17 +119,17 @@ $update = $Config->checkUpdate();
         </div>
 
         <div class="box-content t-center">
-            <div class="f-left" style="width: 33%;">
+            <div class="f-left w33p">
                 <h3>1 min</h3>
                 <input type="text" class="gauge" id="load-average_1" value="0" data-height="100" data-width="150" data-min="0" data-max="100" data-readOnly="true" data-fgColor="#BED7EB" data-angleOffset="-90" data-angleArc="180">
             </div>
 
-            <div class="f-right" style="width: 33%;">
+            <div class="f-right w33p">
                 <h3>15 min</h3>
                 <input type="text" class="gauge" id="load-average_15" value="0" data-height="100" data-width="150" data-min="0" data-max="100" data-readOnly="true" data-fgColor="#BED7EB" data-angleOffset="-90" data-angleArc="180">
             </div>
 
-            <div class="t-center" style="/*margin: 0 180px;*/">
+            <div class="t-center">
                 <h3>5 min</h3>
                 <input type="text" class="gauge" id="load-average_5" value="0" data-height="100" data-width="150" data-min="0" data-max="100" data-readOnly="true" data-fgColor="#BED7EB" data-angleOffset="-90" data-angleArc="180">
             </div>

web/css/_src/utilities.scss

@@ -78,6 +78,7 @@ img { border: 0; }
 
 .w15p  { width: 15%; }
 .w20p  { width: 20%; }
+.w33p  { width: 33%; }
 .w35p  { width: 35%; }
 .w50p  { width: 50%; }
 .w100p { width: 100%; }