From 96ffb0e39ae8f5f974f3bd7d77af6990c78314c7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?m=C3=BCde?= Date: Tue, 19 May 2026 00:28:01 +0200 Subject: [PATCH] stats: uniform chip size in summary row fixed min-width + height so every headline chip lines up regardless of value length; stacked label-over-value layout with smaller uppercase label so chips read as a row of identically-sized tiles. --- hive-ag3nt/assets/stats.html | 27 +++++++++++++++++++++++---- 1 file changed, 23 insertions(+), 4 deletions(-) diff --git a/hive-ag3nt/assets/stats.html b/hive-ag3nt/assets/stats.html index f7a6c4e..ce51217 100644 --- a/hive-ag3nt/assets/stats.html +++ b/hive-ag3nt/assets/stats.html @@ -17,11 +17,30 @@ .window-tabs button.active { background: var(--purple-dim); border-color: var(--purple); color: var(--purple); } .summary { display: flex; gap: 0.75rem; flex-wrap: wrap; margin-bottom: 1rem; } .summary .chip { - background: var(--bg-elev); border: 1px solid var(--border); - padding: 0.4rem 0.8rem; border-radius: 4px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: stretch; + background: var(--bg-elev); + border: 1px solid var(--border); + padding: 0.5rem 0.9rem; + border-radius: 4px; + box-sizing: border-box; + min-width: 9rem; + height: 3.4rem; + line-height: 1.2; + } + .summary .chip .label { + color: var(--muted); + font-size: 0.75rem; + text-transform: uppercase; + letter-spacing: 0.05em; + } + .summary .chip .value { + color: var(--cyan); + font-weight: bold; + font-size: 1.05rem; } - .summary .chip .label { color: var(--muted); margin-right: 0.5rem; } - .summary .chip .value { color: var(--cyan); font-weight: bold; } .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));