fix(stats): Most Active card wrapped mid-token on narrow screens

'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.
This commit is contained in:
John O'Keefe committed 2026-11-02 09:46:58 -05:00
1 parent 0673550d58
commit ceed3ddeae
1 file changed
+3 -1
+3 -1
View File
@@ -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 = "—";
}