From ceed3ddeae8a0000b31a632968ff2e11942386d1 Mon Sep 17 00:00:00 2001
From: John O'Keefe <git@linuxhg.com>
Date: Mon, 2 Nov 2026 09:46:58 -0500
Subject: [PATCH] fix(stats): Most Active card wrapped mid-token on narrow
 screens
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

'2026-11-01 (148 min)' broke as '(148 / min)' in the half-width stat
card. Date and minutes now render as stacked block lines — date,
minutes, weekday — so nothing splits across rows.
---
 web/src/stats.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/src/stats.ts b/web/src/stats.ts
index bf568bbd..43ea9632 100644
--- a/web/src/stats.ts
+++ b/web/src/stats.ts
@@ -324,7 +324,9 @@ function renderSummary(summary: Summary): void {
   const mostActive = document.getElementById("stats-most-active");
   if (mostActive) {
     if (summary.most_active_day) {
-      mostActive.innerHTML = `${summary.most_active_day} (${summary.most_active_day_minutes} min)<span class="block text-xs font-normal" style="color: ${themeVar("--text-secondary", "#999")}">${summary.most_active_weekday}</span>`;
+      // Date and minutes on their own lines: one long line wraps mid-token
+      // ("(148 / min)") in the narrow stat card.
+      mostActive.innerHTML = `<span class="block">${summary.most_active_day}</span><span class="block">(${summary.most_active_day_minutes} min)</span><span class="block text-xs font-normal" style="color: ${themeVar("--text-secondary", "#999")}">${summary.most_active_weekday}</span>`;
     } else {
       mostActive.textContent = "—";
     }