From 20a90a587ef21f133cfb969abc6ff685cd3ab3bb Mon Sep 17 00:00:00 2001 From: Josue Zamudio Date: Wed, 26 Aug 2026 19:09:17 +0000 Subject: [PATCH] Stats: fix month-label alignment on the heatmap Label slots were 14px wide + 3px gap (17px pitch) vs grid columns 11px + 3px gap (14px pitch), so labels drifted up to ~150px right of their column by the last month. Label slots are now exactly cell width with min-width: 0 so the text overflows instead of widening the slot. --- static/style.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/static/style.css b/static/style.css index d62297e..f4c5812 100644 --- a/static/style.css +++ b/static/style.css @@ -58,8 +58,9 @@ h2 { margin: 0.4rem 0; } .stat-value { font-size: 1.3rem; font-weight: 700; } .heat-wrap { overflow-x: auto; margin: .5rem 0 .3rem; background: var(--card); border: 1px solid var(--bd); border-radius: 10px; padding: .7rem .8rem .5rem; } -.heat-lbl { display: flex; gap: 3px; margin-bottom: 2px; } -.heat-lbl .heat-lab { width: 14px; font-size: .65rem; color: var(--muted); white-space: nowrap; } +.heat-lbl { display: flex; gap: 3px; margin-bottom: 2px; height: 12px; } +.heat-lbl .heat-lab { width: 11px; min-width: 0; font-size: .65rem; + color: var(--muted); white-space: nowrap; } .heat { display: flex; gap: 3px; } .heat-col { display: flex; flex-direction: column; gap: 3px; } .heat i, .heat-lg i { width: 11px; height: 11px; border-radius: 2px; background: var(--bd); }