From b915f30672ebe0df32599777ab60165124430e98 Mon Sep 17 00:00:00 2001
From: Richard Zink <Richard Zink>
Date: Wed, 7 Oct 2026 11:37:05 +0200
Subject: [PATCH] Enlarge weather forecast table with bigger text and icons

---
 index.html | 35 ++++++++++++++++++-----------------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/index.html b/index.html
index 12cc2a3..4510b5e 100644
--- a/index.html
+++ b/index.html
@@ -150,35 +150,35 @@
         .weather-current {
             display: flex;
             align-items: center;
-            gap: 0.6vw;
-            padding: 0.2vh 0 0.4vh 0;
+            gap: 0.8vw;
+            padding: 0.6vh 0 0.8vh 0;
             border-bottom: 1px solid rgba(230, 223, 209, 0.2);
-            margin-bottom: 0.4vh;
+            margin-bottom: 0.8vh;
         }
         .weather-current-icon {
-            width: 2.2em;
-            height: 2.2em;
+            width: 3em;
+            height: 3em;
             flex-shrink: 0;
         }
         .weather-current-icon svg { width: 100%; height: 100%; }
         .weather-current-temp {
-            font-size: 1.6em;
+            font-size: 2.2em;
             font-weight: bold;
         }
         .weather-current-detail {
-            font-size: 0.8em;
+            font-size: 1em;
             color: #b0a89a;
             line-height: 1.3;
         }
         .weather-day {
-            margin-bottom: 0.3vh;
+            margin-bottom: 0.8vh;
         }
         .weather-day-header {
             display: flex;
             justify-content: space-between;
             align-items: baseline;
-            padding: 0.1vh 0;
-            font-size: 0.9em;
+            padding: 0.3vh 0;
+            font-size: 1.15em;
         }
         .weather-day-name {
             color: #e6dfd1;
@@ -186,29 +186,30 @@
         }
         .weather-day-minmax {
             color: #999187;
-            font-size: 0.8em;
+            font-size: 0.95em;
         }
         .weather-day-slots {
             display: flex;
             justify-content: space-between;
-            gap: 0.2vw;
-            font-size: 0.8em;
+            gap: 0.4vw;
+            font-size: 1.05em;
+            margin-top: 0.4vh;
         }
         .weather-slot {
             display: flex;
             flex-direction: column;
             align-items: center;
             flex: 1;
-            gap: 0.1vh;
+            gap: 0.4vh;
         }
         .weather-slot-icon {
-            width: 1.6em;
-            height: 1.6em;
+            width: 2.5em;
+            height: 2.5em;
         }
         .weather-slot-icon svg { width: 100%; height: 100%; }
         .weather-slot-label {
             color: #999187;
-            font-size: 0.7em;
+            font-size: 0.85em;
         }
         .weather-slot-temp {
             color: #e6dfd1;