Mobile && Fixed Precision

JustinDFuller · Aug 5, 2023 · f7c823a · f7c823a
1 parent a89458a
commit f7c823a
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/make/grass.html b/make/grass.html
@@ -130,8 +130,7 @@
         background: white;
         cursor: pointer;
         text-align: center;
-        min-width: 150px;
-        max-width: 30%;
+        width: 45%;
         border-top: 2px solid black;
         border-left: 2px solid black;
         border-right: 4px solid black;
@@ -140,6 +139,12 @@
         margin-bottom: 20px;
       }
 
+      @media screen and (max-width: 400px) {
+        .day {
+          width: 100%;
+        }
+      }
+
       .day:hover {
         border-right: 3px solid black;
         border-bottom: 3px solid black;
@@ -508,7 +513,7 @@ <h1>Grass Watering</h1>
 
           document
             .getElementById(day.day)
-            .querySelector(".rain").innerText = day.precipitationInches;
+            .querySelector(".rain").innerText = day.precipitationInches.toFixed(2);
 
           document
             .getElementById(day.day)