Some HTML tweaking

sass/input.scss

@@ -0,0 +1,35 @@
+
+
+
+.input-u-1-2,
+.input-u-2-4,
+.input-u-3-6{
+  width: 50%;
+}
+
+.input-u-1-4{
+  width: 25%;
+}
+
+.input-u-3-4{
+  width: 75%;
+}
+
+.input-u-1-3,
+.input-u-2-6{
+  width: 33%;
+}
+
+.input-u-2-3,
+.input-u-4-6{
+  width: 66%;
+}
+
+.input-u-1-6{
+  width: 16%;
+}
+
+.input-u-5-6{
+  width: 83%;
+}
+

sass/style.scss

@@ -8,6 +8,7 @@
 // Site components
 @import 'core';
 @import 'header';
+@import 'input';
 @import 'canvas';
 @import 'nespalette';
 @import 'modal';

views/ctrlpainter.html

@@ -1,6 +1,9 @@
           <div class="pure-g">
             <div class="pure-u-1-3 simple-padding">
-              <label for="painter_scale">Scale : </label><input id="painter_scale" type="number" min="0.5" max="1000" step="0.1" value ="1"/>
+              <label for="painter_scale">
+                Scale : 
+              </label>
+              <input id="painter_scale" class="input-u-1-6" type="number" min="0.5" max="1000" step="0.1" value ="1"/>
             </div>
 
             <div class="pure-u-1-3 simple-padding">