1.7.5

Mini scopes bigger

assets/css/table.css

@@ -656,6 +656,10 @@
   font-size: 16px;
   color: #1e1208 !important;
 }
+.utci-time svg {
+  margin: -6px 0;
+  flex-shrink: 0;
+}
 
 @media (max-width: 800px) {
   .utci-time {
@@ -859,7 +863,7 @@
      Drop side padding 12px to 4px, shrink min-width 60px to 44px.
      JetBrains Mono at 11px reads cleanly on retina screens. */
   .utci-table td {
-    padding: 8px 4px;
+    padding: 10px 4px;
     font-size: 11px;
     min-width: 44px;
   }
@@ -875,11 +879,12 @@
   }
 
   /* -- SkyScope moon-sun icon in the hour cell ---------------------------
-     JS renders at size=30. Clamp to 20px via CSS to stop it ballooning
+     JS renders at size=38. Clamp to 25px via CSS to stop it ballooning
      the hour column width and driving up row height. */
   .utci-time svg {
-    width: 20px !important;
-    height: 20px !important;
+    width: 34px !important;
+    height: 34px !important;
+    margin: -5px 0;
     flex-shrink: 0;
   }
 
@@ -891,6 +896,11 @@
     height: 20px !important;
     flex-shrink: 0;
   }
+  /* Override for SkyScope - keep it larger than other cell icons */
+  .utci-table td.utci-time svg {
+    width: 26px !important;
+    height: 26px !important;
+  }
 
   /* -- Hero UTCI+P pill -------------------------------------------------
      Shrink min-width and font - still the visual anchor but no longer

assets/js/app.js

@@ -568,7 +568,7 @@ ${isPro && (activeProfile === 'custom' || activeCols['air']) && html`<button cla
                           class=${`${isNight ? 'is-night' : ''} ${isNow ? 'is-now' : ''}`.trim()}>
                         <td class="utci-time">
                           <span style=${{ display: 'inline-flex', alignItems: 'center', gap: '7px', verticalAlign: 'middle' }}>
-                            <${SkyScope} elev=${r.elev} dt=${r.dt} glob=${r.glob} size=${30} />
+                            <${SkyScope} elev=${r.elev} dt=${r.dt} glob=${r.glob} size=${38} />
                             <span>${localHHMM}</span>
                             ${(() => {
                               const rowEvents = getCellTagEvents(selectedDayEvents, r);