From c015f627640a0564063bcc974039b8051f1af2dc Mon Sep 17 00:00:00 2001
From: iris <iris@hyperhive>
Date: Mon, 25 May 2026 20:59:25 +0200
Subject: [PATCH] dashboard: drop max-width cap, full-width layout (#416)

Mara: remove the 90em max-width so the dashboard fills wide
screens instead of boxing content into a centred column with
empty margins. `padding: 0 1.5em 1.5em` stays as the small
edge-of-viewport gutter; `.dashboard-chrome { margin: 0 -1.5em
... }` continues to pull the sticky chrome bar edge-to-edge
through that gutter.
---
 frontend/packages/dashboard/src/dashboard.css | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/packages/dashboard/src/dashboard.css b/frontend/packages/dashboard/src/dashboard.css
index 1061c8ba..5ce00126 100644
--- a/frontend/packages/dashboard/src/dashboard.css
+++ b/frontend/packages/dashboard/src/dashboard.css
@@ -11,10 +11,12 @@
    elsewhere. */
 
 body.dashboard-shell {
-  /* Width is generous so the container tree + agent cards aren't
-     boxed too narrow — agent state pills want room. */
-  max-width: 90em;
-  margin: 0 auto;
+  /* Full-width layout (#416 — mara: drop the 90em cap so wide screens
+     don't waste real estate on empty side margins). `padding: 0 1.5em
+     1.5em` keeps a small gutter on the left/right so cards don't kiss
+     the viewport edge; `.dashboard-chrome { margin: 0 -1.5em ... }`
+     still pulls the chrome bar edge-to-edge through that gutter. */
+  margin: 0;
   padding: 0 1.5em 1.5em;
 }