Updates

resources/views/app/intake-templates/default.blade.php

@@ -30,11 +30,11 @@ $theirName = implode(" ", $theirName);
             <ul >
                 <li>
                     <label>Height</label>
-                    <input type=number> <span>inches</span>
+                    <input type="text" class="number"> <span>inches</span>
                 </li>
                 <li>
                     <label>Weight</label>
-                    <input type=number> <span>lbs.</span>
+                    <input type="text" class="number"> <span>lbs.</span>
                 </li>
             </ul>
         </div>
@@ -43,7 +43,7 @@ $theirName = implode(" ", $theirName);
             <ul >
                 <li>
                     <label>Weight at 20</label>
-                    <input type=number> <span>lbs.</span>
+                    <input type="text" class="number"> <span>lbs.</span>
                 </li>
             </ul>
         </div>
@@ -52,7 +52,7 @@ $theirName = implode(" ", $theirName);
             <ul >
                 <li>
                     <label>Waistline</label>
-                    <input type=number> <span>inches</span>
+                    <input type="text" class="number"> <span>inches</span>
                 </li>
             </ul>
         </div>
@@ -61,7 +61,7 @@ $theirName = implode(" ", $theirName);
             <ul >
                 <li>
                     <label>Waistline at 20</label>
-                    <input type=number> <span>inches</span>
+                    <input type="text" class="number"> <span>inches</span>
                 </li>
             </ul>
         </div>
@@ -79,7 +79,7 @@ $theirName = implode(" ", $theirName);
                 <li><input></li>
                 <li><input></li>
                 <li><input></li>
-                <li><button class=add>Add</button></li>
+                <li><button class="add btn btn-sm btn-primary">Add</button></li>
             </ul>
         </div>
         <div>
@@ -102,18 +102,18 @@ $theirName = implode(" ", $theirName);
             <ul class=gappers >
                 <li>
                     <span>3 months?</span>
-                    <label>Weight</label> <input type=number> <span>lbs.</span>
-                    <label>Waistline</label> <input type=number> <span>inches</span>
+                    <label>Weight</label> <input type="text" class="number"> <span>lbs.</span>
+                    <label>Waistline</label> <input type="text" class="number"> <span>inches</span>
                 </li>
                 <li>
                     <span>6 months?</span>
-                    <label>Weight</label> <input type=number> <span>lbs.</span>
-                    <label>Waistline</label> <input type=number> <span>inches</span>
+                    <label>Weight</label> <input type="text" class="number"> <span>lbs.</span>
+                    <label>Waistline</label> <input type="text" class="number"> <span>inches</span>
                 </li>
                 <li>
                     <span>1 year?</span>
-                    <label>Weight</label> <input type=number> <span>lbs.</span>
-                    <label>Waistline</label> <input type=number> <span>inches</span>
+                    <label>Weight</label> <input type="text" class="number"> <span>lbs.</span>
+                    <label>Waistline</label> <input type="text" class="number"> <span>inches</span>
                 </li>
             </ul>
         </div>
@@ -122,18 +122,18 @@ $theirName = implode(" ", $theirName);
             <ul >
                 <li><input></li>
                 <li><input></li>
-                <li><button class=add>Add</button></li>
+                <li><button class="add btn btn-sm btn-primary">Add</button></li>
             </ul>
         </div>
         <div>
             <p>12. What is the highest your weight or waistline has ever been?</p>
             <ul class=gappers >
                 <li>
-                    <label>Weight</label> <input type=number> <span>lbs.</span>
+                    <label>Weight</label> <input type="text" class="number"> <span>lbs.</span>
                     <label>When was that?</label> <input>
                 </li>
                 <li>
-                    <label>Waistline</label> <input type=number> <span>inches</span>
+                    <label>Waistline</label> <input type="text" class="number"> <span>inches</span>
                     <label>When was that?</label> <input>
                 </li>
             </ul>
@@ -142,15 +142,15 @@ $theirName = implode(" ", $theirName);
             <p>13. What is your most recent?</p>
             <ul class=gappers >
                 <li>
-                    <label>A1c</label> <input type=number>
+                    <label>A1c</label> <input type="text" class="number">
                     <label>When was that?</label> <input>
                 </li>
                 <li>
-                    <label>BP (S/D)</label> <input type=number>/<input type=number> <span>mmHg</span>
+                    <label>BP (S/D)</label> <input type="text" class="number">/<input type="text" class="number"> <span>mmHg</span>
                     <label>When was that?</label> <input>
                 </li>
                 <li>
-                    <label>LDL</label> <input type=number> <span>mg/dL</span>
+                    <label>LDL</label> <input type="text" class="number"> <span>mg/dL</span>
                     <label>When was that?</label> <input>
                 </li>
             </ul>
@@ -159,15 +159,15 @@ $theirName = implode(" ", $theirName);
             <p>14. Do you recall your highest ever recorded?</p>
             <ul class=gappers >
                 <li>
-                    <label>A1c</label> <input type=number>
+                    <label>A1c</label> <input type="text" class="number">
                     <label>When was that?</label> <input>
                 </li>
                 <li>
-                    <label>BP (S/D)</label> <input type=number>/<input type=number> <span>mmHg</span>
+                    <label>BP (S/D)</label> <input type="text" class="number">/<input type="text" class="number"> <span>mmHg</span>
                     <label>When was that?</label> <input>
                 </li>
                 <li>
-                    <label>LDL</label> <input type=number> <span>mg/dL</span>
+                    <label>LDL</label> <input type="text" class="number"> <span>mg/dL</span>
                     <label>When was that?</label> <input>
                 </li>
             </ul>
@@ -197,15 +197,15 @@ $theirName = implode(" ", $theirName);
         <div>
             <p>17. ACTIVITY ASSESSMENT:</p>
             <ul >
-                <li><label>How many minutes of walking or movement do you typically get in a day</label> <input type=number></li>
+                <li><label>How many minutes of walking or movement do you typically get in a day</label> <input type="text" class="number"></li>
                 <li><label>How many days per week do you exercise to the point where your heart rate goes up</label> <input></li>
                 <li><label>How many days per week do you exercise to the point where your muscles feel like they've had a work out</label> <input></li>
             </ul>
         </div>
     </div>
 
-    <button>Save</button>
-    <button id="sign-and-submit">Sign & Submit</button>
+    <button class="btn btn-sm btn-primary">Save</button>
+    <button id="sign-and-submit" class="btn btn-sm btn-success">Sign & Submit</button>
 </section>
 
 <style>
@@ -226,9 +226,9 @@ $theirName = implode(" ", $theirName);
             width: 50%;
         } .intake input[type=checkbox] {
               margin-right: 10px;
-          } .intake input[type=number] {
+          } .intake input.number {
                 text-align: center;
-                width: 60px;
+                width: 150px;
             } .intake input::-webkit-inner-spin-button {
                   -webkit-appearance: none;
               } .intake label:after {