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