From 6faf2d8d7d49df9bb54b3a065759cefa1a424f6f Mon Sep 17 00:00:00 2001
From: DeltaLima <marcus@deltalima.org>
Date: Fri, 3 May 2024 15:11:09 +0200
Subject: [PATCH] firmware wip - gauge lables should be larger on a big screen.
 keep them small for mobile view

---
 Arduino/CanGrow/CanGrow.ino | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/Arduino/CanGrow/CanGrow.ino b/Arduino/CanGrow/CanGrow.ino
index d25c7b1..3eda76d 100644
--- a/Arduino/CanGrow/CanGrow.ino
+++ b/Arduino/CanGrow/CanGrow.ino
@@ -334,10 +334,6 @@ const char CSSgauge[] PROGMEM = R"EOF(
   justify-content: center;
 }
 
-.gaugeLabel {
-  font-weight: bold;
-}
-
 .gauge__container {
 	margin: 0;
 	padding: 0;
@@ -405,6 +401,7 @@ const char CSSgauge[] PROGMEM = R"EOF(
     display: table;
     margin: 0 auto;
     position: relative;
+    font-weight: bold;
 }
 
 .gauge__label--low {
@@ -435,7 +432,7 @@ const char CSSgauge[] PROGMEM = R"EOF(
 .gauge__label--high { width: 24px; }
 
  @media only screen and (min-width: 720px) {
-  .gauge { height: calc(120px + 3em); }
+  .gauge { height: calc(120px + 4.2em); }
   .gauge__container { width: 240px; height: 120px; }
   .gauge__marker { height: 120px; left: 119.5px; }
   .gauge__background { width: 240px; height: 120px; }
@@ -446,7 +443,8 @@ const char CSSgauge[] PROGMEM = R"EOF(
   .gauge__label--low { width: 48px; }
   .gauge__label--spacer { width: 144px; text-align: center;}
   .gauge__label--high { width: 48px; }
-}
+  .gaugeLabel { font-size: 1.3em; }
+  .gauge__labels { font-size: 2em; }
 
 
 .gauge--liveupdate .gauge__data,