From a18c9d517e29dd562837cfd6d809434e9ee5717f Mon Sep 17 00:00:00 2001 From: Claude Date: Mon, 24 Aug 2026 22:02:21 +0000 Subject: [PATCH] dashboard: this board's cells fall into the shared stacked row MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit PyAutoBrain#272 turns a table row into a stacked card below 34rem, because a four-column row does not fit a phone — it just stops overflowing. The theme styles the cells it defines; these are ours. Measured at a 390px viewport before: the name column held 127px for one short line while the summary was squeezed into 213px and ran 472px down the screen — the text bunched to the right, the name column left as empty height beside it. After: the dot and the title read as one header line, the summary takes the full 358px underneath, and the tallest row is 316px. The wide layout is untouched; above 34rem none of this matches. 603 tests pass. Co-Authored-By: Claude Opus 5 Claude-Session: https://claude.ai/code/session_01VhpLPmmoSFAtVpppG8azVA --- heart/dashboard.py | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/heart/dashboard.py b/heart/dashboard.py index 0274197..d407fae 100644 --- a/heart/dashboard.py +++ b/heart/dashboard.py @@ -1299,6 +1299,20 @@ def _html_reason(item: dict) -> str: .reasons li{margin:.3rem 0} .hint{color:var(--muted);font-size:.85em;margin:.5rem 0 0} footer{margin-top:2rem;color:var(--muted);font-size:.82em} +/* Narrow screens: the shared theme turns a table row into a stacked card + (`table.recent` under its own breakpoint); these three lines say how THIS + board's cells fall into it. Measured at a 390px viewport before: the name + column held 127px for one short line while the summary was squeezed into + 213px and ran 472px down the screen — the text bunched to the right with + the name column left as empty height beside it. Now the dot and the name + read as one header line and the summary takes the full width beneath. */ +@media(max-width:34rem){ + table.board td.dot{width:auto;padding-right:.4rem} + table.board td.dot::before{margin-top:0} + table.board td.name{white-space:normal} + table.board td.sum{flex:1 0 100%;margin-top:.15rem} + table.board ul.det{padding-left:.9rem} +} """