fix(hub): the Node page takes the width of a settings page

`.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 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014UtzVrzM7e2tG9fSpkR9ML

1 files changed, 7 insertions, 1 deletions

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);