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 {