From 13080d747f067b830649b1ccf838186dfe691fe0 Mon Sep 17 00:00:00 2001 From: Jammy2211 Date: Fri, 28 Aug 2026 10:34:20 -0400 Subject: [PATCH] feat(board): let the boards use a laptop's width above the phone cap MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 44rem is a phone reading measure, and the boards are read on laptops too. Above the cap the column stops being a measure and starts being a waste: the data boards (Heart's check table, Mind's task lists) run ~40 short lines down a 704px strip with the rest of the screen empty. One step up at laptop-class viewports, and only there — every narrower screen keeps the phone shape byte for byte, so the family look is unchanged where it was designed to matter. Reported against the Heart board; fixed here because the cap is a family contract, not one board's choice. Co-Authored-By: Claude Opus 5 Claude-Session: https://claude.ai/code/session_018q6ZrgG6u8o8ENYZ7cq3Lr --- board/_theme.py | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/board/_theme.py b/board/_theme.py index 098316a..34d45ff 100644 --- a/board/_theme.py +++ b/board/_theme.py @@ -324,6 +324,13 @@ def mark(key): color:var(--fg);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI", Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%%; overflow-wrap:anywhere} +/* 44rem is a PHONE reading measure, and these boards are read on laptops too. + Above the cap the column stops being a measure and starts being a waste: + the data boards (Heart's check table, Mind's task lists) run ~40 short + lines down a 704px strip with the rest of the screen empty. One step up on + laptop-class viewports, and only there — every narrower screen keeps the + phone shape byte for byte. */ +@media(min-width:64rem){body{max-width:60rem}} img,svg,table{max-width:100%%} pre{overflow-x:auto} a{color:var(--accent);text-decoration:none}