fix price input bug

styles/app/responsive.styl

@@ -1,3 +1,33 @@
+// widths
+.full
+	width: 100%;
+.half
+	width: 50%;
+.third
+	width: 33.3333%;
+.two-thirds
+	width: 66.6666%;
+.quarter
+	width: 25%;
+.three-quarters
+	width: 75%;
+.fifth
+	width: 20%;
+.two-fifths
+	width: 40%;
+.three-fifths
+	width: 60%;
+.four-fifths
+	width: 80%;
+.sixth
+	width: 16.6667%;
+.eighth
+	width: 12.5%;
+.tenth
+	width: 10%;
+.twelfth
+	width: 8.3333%;
+
 .grid
 	padding: 0 1.5em 1.5em 0
 	letter-spacing: -4px

styles/app/tasks.styl

@@ -300,13 +300,20 @@ for $stage in $stages
     box-shadow: none
     border-radius: 0
     font-family: 'Lato', sans-serif //bootstrap override
-  
+
   textarea.option-content
     height: 5em
     padding-top: 0.25em
     resize: none
     margin-bottom: 0
 
+.option-pricer
+  .option-content
+    width: 20%
+    display: inline-block
+  .money [class^="shop_"]
+    vertical-align: 0
+
 // button-group
 .task-controls.tile-group
   display: block

views/app/tasks.html

@@ -237,12 +237,12 @@
 
             <!-- if Reward, pricing -->
             {else if equal(:task.type, 'reward')}
-                <div class=control-group>
-                    <label>Price</label>
-                    <div class="input-append">
-                        <input class="span5" size="16" type="number" min="0" value={:task.value}><span class="add-on">Gold</span>
-                    </div>
-                </div>
+                <fieldset class="option-group option-pricer">
+                    <legend class="option-title">Price</legend>
+                    <input class="option-content" size="16" type="number" min="0" value={:task.value}>
+                    <div class="money"><span class='shop_gold'></span></div>
+                </fieldset>
+                
 
             <!-- if Todo, the due date -->
             {else if equal(:task.type, 'todo')}