From fd7ed5dfccbf6da69edc09671d1bdd0e60306718 Mon Sep 17 00:00:00 2001
From: fraxle <fraxle@yahoo.co.uk>
Date: Mon, 6 Jul 2026 18:45:46 +0100
Subject: [PATCH] Fix alignment issue

---
 assets/css/header.css | 4 ++++
 assets/css/ui.css     | 8 ++++++++
 2 files changed, 12 insertions(+)

diff --git a/assets/css/header.css b/assets/css/header.css
index 1640a01..a28bd1b 100644
--- a/assets/css/header.css
+++ b/assets/css/header.css
@@ -638,6 +638,10 @@ body.tl-scrubbing * { transition: none !important; }
     grid-area: auto;
   }
 
+  .header-left {
+    align-items: center;          /* centre the wordmark along with everything else */
+  }
+
   .header-right {
     align-items: center;          /* centre the "Why it feels like" panel under the dial */
   }
diff --git a/assets/css/ui.css b/assets/css/ui.css
index ca52c82..70d91a6 100644
--- a/assets/css/ui.css
+++ b/assets/css/ui.css
@@ -1130,6 +1130,14 @@
   gap: 3px;
   margin-top: 0.5rem;
 }
+/* header.css sets align-items: center for the same tablet breakpoint, but
+   since ui.css is @imported after header.css in sunscope.css it wins at
+   equal specificity - so the tablet override has to live here instead. */
+@media (max-width: 960px) {
+  .utci-recent-locs {
+    align-items: center;
+  }
+}
 .utci-recent-label {
   font-family: Manrope, sans-serif;
   font-size: 9px;