2.0

Layout fixes
Mobile cleanup
Location right hand side
Moon style updated - again

assets/css/header.css

@@ -9,8 +9,8 @@
   grid-template-columns: 1fr auto 1fr;  /* title | dial | search */
   gap: 32px;
   align-items: center;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
+  padding-bottom: 14px;
+  margin-bottom: 14px;
 }
 
 .header-right {
@@ -58,8 +58,10 @@
   font-style: italic;
   font-weight: 800;
   font-size: 18px;
-  margin-top: 12px;
+  margin-top: 8px;
+  margin-bottom: 0;
   color: #1e1208;
+  text-align: right;
 }
 
 /* The lat/lon below the location */
@@ -70,7 +72,7 @@
   color: #b09870;
   display: block;
   margin-top: 4px;
-  margin-left: 15px;
+  margin-left: 0;
   letter-spacing: 0.08em;
 }
 
@@ -273,17 +275,26 @@
   }
 
   .scope-ring {
-    width: 160px;
-    height: 160px;
-    margin: 0 auto;               /* centre the dial */
+    width: 250px;
+    height: 250px;
+    margin: 0 auto;
   }
 
   .scope-env-row {
-    width: 160px;                 /* match dial width on mobile */
+    width: 250px;
   }
 
   .utci-current-loc {
     margin-top: 4px;              /* tighten gap above location on mobile */
+    text-align: center;
+  }
+
+  .utci-loc-coords {
+    text-align: center;
+  }
+
+  .utci-fetch-time {
+    text-align: center;
   }
 
   .utci-search-wrap {

assets/css/table.css

@@ -11,7 +11,6 @@
 /* Wrapper that hosts the scrollable strip, edge fades, and chevrons. */
 .utci-day-tabs-wrap {
   position: relative;
-  margin-bottom: 18px;
 }
 
 /* Edge fade gradients — only show when there's content to scroll to. */

assets/css/ui.css

@@ -616,10 +616,10 @@
   margin-bottom: 18px;
 }
 .utci-fetch-time {
-  text-align: left;
+  text-align: right;
   font-size: 0.72rem;
   opacity: 0.5;
-  margin: 0.70rem 0 0.4rem;
+  margin: 0.3rem 0 0;
   letter-spacing: 0.03em;
 }
 
@@ -810,16 +810,26 @@
     align-items: center;
   }
 
+  .utci-current-loc,
+  .utci-loc-coords,
+  .utci-fetch-time {
+    text-align: center;
+  }
+
   .utci-search-wrap {
     width: 100%;
   }
 
   .scope-ring {
-    width: 180px;                       /* smaller dial on mobile */
-    height: 180px;
+    width: 250px;
+    height: 250px;
     margin: 0 auto;
   }
 
+  .scope-env-row {
+    width: 250px;
+  }
+
   /* Halve the hourly-table cell padding on mobile so more columns fit
      in the viewport before the horizontal scrollbar kicks in. */
   .utci-table th {