From 31485b14bbc54442f81c0f979c804d5c6d585f2f Mon Sep 17 00:00:00 2001
From: Gregory Rudolph <rudi@nightmare.haus>
Date: Mon, 9 Aug 2021 19:57:13 -0400
Subject: [PATCH] Fix styling

---
 Pages/Index.cshtml   |   8 ++++----
 wwwroot/css/site.css |   9 ++++++++-
 wwwroot/favicon.ico  | Bin 5430 -> 5430 bytes
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/Pages/Index.cshtml b/Pages/Index.cshtml
index 65b8039..fbc319d 100644
--- a/Pages/Index.cshtml
+++ b/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>
diff --git a/wwwroot/css/site.css b/wwwroot/css/site.css
index a9e7eb3..3a36049 100644
--- a/wwwroot/css/site.css
+++ b/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;
diff --git a/wwwroot/favicon.ico b/wwwroot/favicon.ico
index 63e859b476eff5055e0e557aaa151ca8223fbeef..13fc85f1a9d1b96c4fe8f62e8b84553f947a1bab 100644
GIT binary patch
literal 5430
zcmc(iPe>F|9LJw-=o*q15fP=!9z-NWq*H`02^~5t;UPpq!jniSM1(}>Dxo5xmxu@z
zi4YO-5D^|i28j^a3M#}5VigZkvMeRCh&X+}>%4l5Gn+FjvkM=7@89ozfA9C+JfA}3
zh+I)zEMNno<(Lp<LWn?MzdnifA+(jF4MmLDZ-=q@MbU1{Y4io{`orOG>3rE20^tn&
z+u-{!1OE~DPG;c00N*8-{@8`+7T5uPt2zFYKWuAMH>h&qU$6K#x$uuD{sS)jXB7Wg
z7yc`X|2oRK<~fx7G1raCm_n3yfy^H*&oa*>=V<_WhCj#70gjmlcL2{E>oKrwlzU*=
zH(}Hl;Ezu%$~-ey8sJ__P3}GStsEqjc8-|`J#}?o8OLL=X|(mT9dv?gfU%MgU>kLM
z0ppFAm3<zA6~GU!0`|WIJhO3-G@w4$@d|K$&h6*=bwn%K>k`7uZmke1gC~XP?iM0H
zCPXZM|DFj5Awq!nk^L_fC%Ro(=DEV9uNWQu=~h?zU4b_DO4c3OBhYV!_M<H7KZQ2W
zm7{gb@kg-!cbMxt;J4s7h79$2xA6PneZq6-wSEwq@=m#&1^uw1-;xD=c^5MWyeqxV
z|CF-+`7G%3E|>eiiL&EwAcON?2tD<08sjJdj`kn}{Y%i2YnS%Ahx*MH`W+tX4_WBH
z@KFDah5jdx^m)!VEcBCT%X1Qg%ky{ELR+4}N)Pn;Mw5DG+vtJ*-8B0B9_Wv!(dRq%
z(07o_{r`|gKZd?T-@|G2{Wk01`QA>W&+~A~#`nOS7WyaPI|#l2zHiLA<XhW(=FIgP
z3qR&W1JA%2*>BRXLOb7baz4H-&jB@`4NAWpXZ}0XiZL>7`ckh~@#EbQ0_yw!BI<Ev
zjGUWx4J-o2zXH_09@JY*Z86k2mOd==eW?1d%ss3z*3THr!3g*T%wz59GZ;%>^2C83
zwI@I|^y%9K=D{t%yNx+!Kl5a#&AXmwMHuj0a?N(*nOnwt8*oqS!Rz++wGLR$CH=Vm
zDZrS{g9@WO089Tx!0|yKwWZ}gvmYI)|4D{mn?WVux^9AT5C<u}f`a#4BmLUITVUQR
z?l*J6IB$Szz`2eCejm&q^;u>c=b~O1+ym6(w<OmmEn~btJiNg*%J?}KbHkXaxenxb
zvt^vyV9S8z9bg_O>s;qFXaxa~ire)4$vC9tm=eIXJOE>04lIEmfSPjtq|vqvtAXdB
z6V!tsNa?}Kxl@+<`rluduJ2h<tLwWKBujPu07bf<_{Z-=(Z|(9QJ*FvJ}oEWoAqfI
S^7~d}TGyTr0hj8UPyYk%_UnHD

literal 5430
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
Y_O6}xTrQ{Lm(%HNn!7U|JnrZJ0OMGa@Bjb+