limoncello

commit 10d85342ff8bb1d495743abda4d64e4153981ee2
parent 44e81f5bc2001a59f6215ab3a34af16e3116ce13
Author: Peter <peter@minskio.co.uk>
Date:   Mon,  5 Oct 2026 09:31:12 +0100

Truncate date labels with ellipses

Diffstat:
M
static/style.css
 | 
11
+++++++++--

1 file changed, 9 insertions(+), 2 deletions(-)
diff --git a/static/style.css b/static/style.css
@@ -164,7 +164,7 @@ details > .details-inner       { padding: 0.75rem 1rem 1rem; overflow-x: auto; }
 
 .period-row {
   display: grid;
-  grid-template-columns: minmax(90px, 1.4fr) repeat(3, minmax(0, 1fr));
+  grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
   align-items: center;
   gap: 8px;
   background: var(--surface2);
@@ -174,7 +174,14 @@ details > .details-inner       { padding: 0.75rem 1rem 1rem; overflow-x: auto; }
 
 .period-row.current { outline: 1px solid var(--accent); }
 
-.period-label { font-size: 0.85rem; font-weight: 600; }
+.period-label {
+  font-size: 0.85rem;
+  font-weight: 600;
+  min-width: 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 
 .period-stat {
   display: flex;