diff --git a/assets/css/table.css b/assets/css/table.css index d03bdfb..a793d18 100644 --- a/assets/css/table.css +++ b/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 diff --git a/assets/js/app.js b/assets/js/app.js index ce21fb9..c15efc7 100644 --- a/assets/js/app.js +++ b/assets/js/app.js @@ -568,7 +568,7 @@ ${isPro && (activeProfile === 'custom' || activeCols['air']) && html`