2.7.6

Style tidy

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;
+  }
 }