Adjust font sizes in BloodSugarMonitor and TemperatureMonitor for improved readability on various screen sizes; increase wait time in Docker workflow for service readiness.

Author: snow-jallen

.github/workflows/docker-image.yml

@@ -34,7 +34,7 @@ jobs:
       run: docker-compose up -d --build --remove-orphans
 
     - name: Wait for services to be ready
-      run: sleep 10
+      run: sleep 25
 
     - name: Refresh browser on touchscreen
       run: |

HomeSpeaker.WebAssembly/Components/BloodSugarMonitor.razor

@@ -96,14 +96,14 @@
         margin: 0.25rem 0;
         line-height: 0.9;
     }    .blood-sugar-card .blood-sugar-display .display-1 {
-        font-size: 3.6rem !important;
+        font-size: 3.0rem !important;
         text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
     }
     
     /* Extra large on smaller screens for better visibility */
     @@media (max-width: 1024px) {
         .blood-sugar-card .blood-sugar-display .display-1 {
-            font-size: 4.5rem !important;
+            font-size: 3.6rem !important;
         }
     }.blood-sugar-card .trend-display {
         margin: 0.25rem 0;

HomeSpeaker.WebAssembly/Components/TemperatureMonitor.razor

@@ -124,14 +124,14 @@
         margin: 0.25rem 0;
         line-height: 0.9;
     }    .temperature-card .temperature-display .display-1 {
-        font-size: 3.6rem !important;
+        font-size: 3.0rem !important;
         text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
     }
     
     /* Extra large on smaller screens for better visibility */
     @@media (max-width: 1024px) {
         .temperature-card .temperature-display .display-1 {
-            font-size: 4.5rem !important;
+            font-size: 3.6rem !important;
         }
     }