diff --git a/assets/css/header.css b/assets/css/header.css index 4b07dc4..66b6fd2 100644 --- a/assets/css/header.css +++ b/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 */ diff --git a/assets/css/table.css b/assets/css/table.css index 58468b8..8e305f0 100644 --- a/assets/css/table.css +++ b/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; diff --git a/assets/css/ui.css b/assets/css/ui.css index 213f4aa..ff3902e 100644 --- a/assets/css/ui.css +++ b/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; diff --git a/assets/js/components/DayTabs.js b/assets/js/components/DayTabs.js index a7cb69b..0ec0d92 100644 --- a/assets/js/components/DayTabs.js +++ b/assets/js/components/DayTabs.js @@ -359,10 +359,10 @@ export function DayTabs({ ${dDate.toLocaleDateString('en-GB', { day: 'numeric', month: 'short', timeZone: 'UTC' })} - + ${showPrecip - ? html`<${PrecipIcon} precip=${dayPrecip} snow=${daySnow} size=${22} />` - : html`<${CloudIcon} category=${modalCloudCat} elev=${repElev} dt=${repDt} size=${22} />`} + ? html`<${PrecipIcon} precip=${dayPrecip} snow=${daySnow} size=${30} />` + : html`<${CloudIcon} category=${modalCloudCat} elev=${repElev} dt=${repDt} size=${30} />`} ${dayHi !== null && html`