Fix styling

Pages/Index.cshtml

@@ -55,8 +55,8 @@ else
                 <p class="card-text">Climate Status: <a id="climate_status"></a></p>
                 <p class="card-text">Outside Temp: <a id="outside_temp"></a> <a class="temp_units"></a></p>
                 <p class="card-text">Inside Temp: <a id="inside_temp"></a> <a class="temp_units"></a></p>
-                <p class="card-text">Climate Set Temp: <input asp-for="climateTemp" type="number"
-                        id="climate_setting" />
+                <p class="card-text">Climate Set Temp: <input asp-for="climateTemp" size="3" type="number"
+                        id="climate_setting" maxlength="3" /><a class="temp_units"></a>
                 </p>
             </div>
             <div class="card-footer">
@@ -67,7 +67,7 @@ else
         </div>
 
 
-        <div class="card" id="charge_state_card" style="width: 18rem; display: none;">
+        <div class="card" id="charge_state_card" style="display: none;">
             <div class="card-header">
                 Charge Status
             </div>
@@ -85,7 +85,7 @@ else
             </div>
         </div>
 
-        <div class="card" id="driving_card" style="width: 18rem; display: none;">
+        <div class="card" id="driving_card" style="display: none;">
             <div class="card-header">
                 Driving Status
             </div>

wwwroot/css/site.css

@@ -6,7 +6,14 @@ a.navbar-brand {
   text-align: center;
   word-break: break-all;
 }
-
+input[type='number']{
+  width: 2em;
+  -moz-appearance:textfield;
+} 
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+}
 /* Provide sufficient contrast against white background */
 a {
   color: #0366d6;