2.9.9

Size and padding tweaks

assets/css/header.css

@@ -301,7 +301,7 @@
 
 .scope-env-label {
   font-family: Manrope, sans-serif;
-  font-size: 10px;
+  font-size: 15px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.1em;
@@ -342,6 +342,9 @@
 .scope-env-row .cs-btn .cs-btn-label {
   position: relative;
   z-index: 1;
+  font-family: Manrope, sans-serif;
+  font-size: 15px;
+  font-weight: 600;
 }
 
 /* Arrow pinned right, above the overlay */

assets/css/table.css

@@ -86,7 +86,7 @@
 
 .utci-day-tab {
   flex: 1 0 auto;
-  padding: 12px 24px;
+  padding: 10px 20px;
   cursor: pointer;
   font-family: Manrope, sans-serif;
   font-size: 10px;

assets/css/ui.css

@@ -340,7 +340,7 @@
   background: #f5edd6;
   color: #6b4228;
   font-family: Manrope, sans-serif;
-  font-size: 13px;
+  font-size: 12px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.06em;
@@ -495,7 +495,7 @@
   display: block;
   line-height: 24px;
   text-align: center;
-  font-size: 10px;
+  font-size: 15px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.05em;
@@ -689,7 +689,7 @@
   align-items: center;
   justify-content: center;
   font-family: Manrope, sans-serif;
-  font-size: 9px;
+  font-size: 15px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.04em;
@@ -1379,7 +1379,7 @@
 }
 .insight-env-footer-label {
   font-family: Manrope, sans-serif;
-  font-size: 10px;
+  font-size: 13px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.1em;
@@ -1392,6 +1392,11 @@
   padding: 0;
   align-items: stretch;
 }
+.insight-env-footer .scope-env-label {
+  font-family: Manrope, sans-serif;
+  font-size: 15px;
+  color: #4a3420;
+}
 .insight-env-footer .cs-wrap,
 .insight-env-footer .cs-btn {
   width: 100%;
@@ -1402,6 +1407,7 @@
   isolation: isolate;
   border-radius: 4px;
 }
+.insight-env-footer .cs-btn .cs-btn-label { font-size: 15px; }
 .insight-env-footer .cs-btn .cs-btn-overlay {
   display: block;
   position: absolute;
@@ -1512,7 +1518,7 @@
 /* Section heading - "WHY IT FEELS" */
 .insight-panel-title {
   font-family: Manrope, sans-serif;
-  font-size: 10px;
+  font-size: 13px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.1em;
@@ -1528,7 +1534,7 @@
   display: inline-block;
   padding: 2px 7px;
   border-radius: 3px;
-  font-size: 9px;
+  font-size: 13px;
   font-weight: 700;
   letter-spacing: 0.06em;
   text-transform: uppercase;
@@ -1543,7 +1549,7 @@
   padding: 5px 0;
   border-bottom: 1px solid #ede4cc;
   font-family: Manrope, sans-serif;
-  font-size: 13px;
+  font-size: 15px;
 }
 
 .insight-row:last-child {
@@ -1562,13 +1568,13 @@
 .insight-label {
   flex: 1;
   color: #4a3420;
-  font-size: 13px;
+  font-size: 15px;
 }
 
 /* Delta values for "Why it feels like this" */
 .insight-delta {
   font-family: JetBrains Mono, monospace;
-  font-size: 13px;
+  font-size: 15px;
   font-weight: 600;
   min-width: 44px;
   text-align: right;
@@ -1586,7 +1592,7 @@
 /* Values for "Today at a glance" */
 .insight-value {
   font-family: JetBrains Mono, monospace;
-  font-size: 12px;
+  font-size: 15px;
   font-weight: 600;
   color: #4a3420;
   text-align: right;

assets/js/components/DayTabs.js

@@ -359,10 +359,10 @@ export function DayTabs({
               <span class="utci-day-date" style=${{ color: '#5a3f24' }}>
                 ${dDate.toLocaleDateString('en-GB', { day: 'numeric', month: 'short', timeZone: 'UTC' })}
               </span>
-              <span style=${{ display: 'block', margin: '3px auto 0', lineHeight: 1 }}>
+                <span style=${{ display: 'block', margin: '6px auto 0px', lineHeight: 1 }}>
                 ${showPrecip
-                  ? html`<${PrecipIcon} precip=${dayPrecip} snow=${daySnow} size=${22} />`
+                  ? html`<${PrecipIcon} precip=${dayPrecip} snow=${daySnow} size=${30} />`
-                  : html`<${CloudIcon} category=${modalCloudCat} elev=${repElev} dt=${repDt} size=${22} />`}
+                  : html`<${CloudIcon} category=${modalCloudCat} elev=${repElev} dt=${repDt} size=${30} />`}
               </span>
               ${dayHi !== null && html`
                 <span style=${{
@@ -370,7 +370,7 @@ export function DayTabs({
                   fontFamily: 'Manrope, sans-serif',
                   fontStyle: 'normal',
                   fontSize: '13px',
-                  marginTop: '2px',
+                  marginTop: '0px',
                   letterSpacing: 0,
                   textTransform: 'none',
                   textShadow: '0 0 14px rgba(255,255,255,0.85), 0 0 11px rgba(255,255,255,0.7), 0 0 8px rgba(255,255,255,0.6), 0 0 5px rgba(255,255,255,0.5)',

data/tracking.json

@@ -30,10 +30,15 @@
         }
     },
     "2026-06-12": {
-        "visits": 3,
+        "visits": 23,
         "profiles": {
-            "showall": 1,
+            "showall": 3,
-            "basic": 1
+            "basic": 2,
+            "home": 3,
+            "vehicle": 3,
+            "alltemps": 2,
+            "custom": 1,
+            "farming": 2
         }
     }
 }