From 0aad8269341effb5e97d2310c0337633bb89ff3c Mon Sep 17 00:00:00 2001
From: fraxle <fraxle@yahoo.co.uk>
Date: Mon, 18 May 2026 21:38:21 +0100
Subject: [PATCH] Fix mobile header spacing

---
 assets/css/header.css | 5 ++++-
 assets/css/ui.css     | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/assets/css/header.css b/assets/css/header.css
index e935f68..0ed407e 100644
--- a/assets/css/header.css
+++ b/assets/css/header.css
@@ -173,7 +173,6 @@
   .utci-header {
     grid-template-columns: 1fr;   /* single column — stack title, dial, search */
     gap: 20px;
-    padding-top: 16px;            /* extra breathing room below fixed nav */
     padding-bottom: 24px;
     margin-bottom: 24px;
   }
@@ -192,6 +191,10 @@
     margin: 0 auto;               /* centre the dial */
   }
 
+  .utci-current-loc {
+    margin-top: 4px;              /* tighten gap above location on mobile */
+  }
+
   .utci-search-wrap {
     width: 100%;                  /* full-width search box */
   }
diff --git a/assets/css/ui.css b/assets/css/ui.css
index 9a82f8c..aca35b0 100644
--- a/assets/css/ui.css
+++ b/assets/css/ui.css
@@ -276,7 +276,7 @@
 @media (max-width: 640px) {
   .event-banner-wrap {
     margin-top: 8px;             /* push banner clear of the fixed nav bar */
-    margin-bottom: 18px;         /* breathing room between banner and header */
+    margin-bottom: 0;            /* no gap between banner and header on mobile */
   }
 
   .event-banner {