2.7.6

Style tidy

assets/css/base.css

@@ -112,8 +112,8 @@ body {
 }
 
 .utci-topnav a:hover {
-  color: #c8922a;                       /* brass on hover */
-  border-bottom-color: #c8922a80;       /* faint underline */
+  color: #1e1208;
+  border-bottom-color: #1e1208;
 }
 
 /* Desktop: nav-links renders inline as part of nav flex row */

assets/css/header.css

@@ -426,8 +426,8 @@
     grid-template-columns: 1fr;   /* single column — stack title, dial, search */
     grid-template-areas: none;    /* flow in DOM order: left, dial, selector, why */
     gap: 20px;
-    padding-bottom: 24px;
-    margin-bottom: 24px;
+    padding-bottom: 15px;
+    margin-bottom: 0px;
   }
 
   /* Clear the desktop area placement so children stack in DOM order */

assets/css/table.css

@@ -12,6 +12,8 @@
 .utci-day-tabs-wrap {
   position: relative;
   margin-top: 12px;
+  margin-bottom: 15px;
+  border: 1px solid #c9b08a;
 }
 
 /* Edge fade gradients — only show when there's content to scroll to. */
@@ -595,6 +597,17 @@
   .utci-thead-sticky {
     top: 72px;
   }
+
+  /* Shrink the day-tab labels on phones so more days stay readable
+     within the viewport before the tab strip needs to scroll. */
+  .utci-day-tab {
+    font-size: 9px;
+    padding: 10px 12px;
+  }
+
+  .utci-day-date {
+    font-size: 12px;
+  }
 }
 
 /* The shifted track inside the sticky header — JS sets transform:translate3d

assets/css/ui.css

@@ -1075,13 +1075,13 @@
   }
 
   .scope-ring {
-    width: 250px;
-    height: 250px;
+    width: 225px;
+    height: 225px;
     margin: 0 auto;
   }
 
   .scope-env-row {
-    width: 250px;
+    width: 225px;          /* kept in step with the dial width above */
   }
 
   /* Halve the hourly-table cell padding on mobile so more columns fit
@@ -1102,17 +1102,23 @@
 }
 
 /* At ≤640px the top nav becomes position:fixed (72px tall, see base.css),
-   so the app needs 96px of top padding to clear it. This must come AFTER the
+   so the app needs top padding to clear it. This must come AFTER the
    max-width:800px rule above — which sets padding-top:52px for the tablet
    range where the nav is NOT fixed — so it wins the cascade on true mobile. */
 @media (max-width: 640px) {
   .utci-app {
-    padding-top: 96px;
+    padding-top: 80px;
   }
 
   .utci-fetch-time {
     text-align: center;   /* override the default left-align on mobile */
   }
+
+  /* Hide the export panel on phones — no room for it, and the export
+     actions aren't useful at this size. */
+  .export-panel {
+    display: none;
+  }
 }