Fix mobile header spacing

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 */
   }

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 {