From 49e4377764d786a8eaad1a7cace5907d55be701b Mon Sep 17 00:00:00 2001
From: Claude Fable 5 <fable-5@waidele.info>
Date: Sun, 12 Jul 2026 04:24:22 +0200
Subject: [PATCH] Let pages use the full width of the content area (#100)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- drop the 48rem cap on .editor-page (view and edit mode); the public
  read view keeps its own narrow reading layout
- min-width: 0 on .app-body — as a grid item it defaulted to a
  min-content minimum, which pushed the whole app wider than the
  viewport once the cap was gone
- .editor-page__header wraps so the action buttons never force
  horizontal page scrolling (interim until #101 moves them to the TopBar)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01EwZ4jR4KFAPvpjWevfUGX1
---
 apps/web/src/styles/base.css | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/styles/base.css b/apps/web/src/styles/base.css
index 78d6d38..33c1939 100644
--- a/apps/web/src/styles/base.css
+++ b/apps/web/src/styles/base.css
@@ -60,6 +60,9 @@ button {
 .app-body {
   display: flex;
   min-height: 0;
+  /* Grid items default to a min-content minimum; without this the row can
+     force the whole app wider than the viewport (issue #100). */
+  min-width: 0;
 }
 
 .topbar {
@@ -600,14 +603,15 @@ button {
   gap: var(--space-4);
 }
 
-/* Page editor (issue #25) */
+/* Page editor (issue #25). Fills the content area — no width cap (issue
+   #100); the public read view keeps its own narrow reading layout. */
 .editor-page {
-  max-width: 48rem;
-  margin: 0 auto;
+  min-width: 0;
 }
 
 .editor-page__header {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   gap: var(--space-4);
   margin-bottom: var(--space-4);