From e08bb408cf9963066f212028e69e22c46ff1cb54 Mon Sep 17 00:00:00 2001 From: Christophe Besson Date: Wed, 2 Sep 2026 10:15:56 +0200 Subject: fix(hub): the Node page takes the width of a settings page MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit `.node-page` carried `max-width: 700px` of its own while Settings, Profile and the create-group wizard take `.main`'s. The audit tab is a six-column table — timestamp, event, user, IP, group, detail — with every fixed-shape column set `white-space: nowrap` so an IP is never clipped, so at 700px it scrolled sideways inside `.node-table-scroll` with a couple of hundred pixels of `.main` empty beside it. Measured at 1024: 596px of table box where the page had 856px to give. The rule goes; the class stays as the anchor for the assertions. `.node-group` and `.settings-section` are already the same rule twice over (same background, border, radius, padding), so the two pages now line up card for card. test_node_page_width_measured.py: the Node page and a Settings page are the same width at every width from 320 up, their cards the same rectangle, the audit table no longer wider than its scroller at 1024, and — the narrow case being the design rather than a regression — the table still scrolling inside its own box on a phone without pushing the document sideways. Co-Authored-By: Claude Opus 5 Claude-Session: https://claude.ai/code/session_014UtzVrzM7e2tG9fSpkR9ML --- packages/meshbay-hub/src/meshbay_hub/static/style.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) (limited to 'packages/meshbay-hub/src') diff --git a/packages/meshbay-hub/src/meshbay_hub/static/style.css b/packages/meshbay-hub/src/meshbay_hub/static/style.css index c33c91a..3d9206d 100644 --- a/packages/meshbay-hub/src/meshbay_hub/static/style.css +++ b/packages/meshbay-hub/src/meshbay_hub/static/style.css @@ -2467,7 +2467,13 @@ h2 .gn-owner, h3 .gn-owner { font-size: 0.55em; } /* ── Node management (D5) ────────────────────────────────────────────────── */ -.node-page { max-width: 700px; } +/* Deliberately no width of its own. It used to be `max-width: 700px`, which + put the six-column audit table — timestamp, event, user, IP, group, detail — + into a box narrower than the table, so it scrolled sideways inside the page + while 260px of `.main` sat empty beside it. The Node page is a settings- + shaped page and takes `.main`'s width like Settings, Profile and the + create-group wizard. The class stays as the anchor for the test that says + so. */ .node-group { background: var(--bg-surface); -- cgit v1.2.3