From 888cebe875996fdaaa4a8a5ff882c21e615c4783 Mon Sep 17 00:00:00 2001
From: Forbes <forbes@kindred-systems.com>
Date: Sat, 7 Feb 2026 14:51:55 -0600
Subject: [PATCH] feat(web): remove max-width constraint and reduce main
 padding

Remove maxWidth: 1400 and margin: 0 auto from AppShell main container.
Reduce padding from 2rem to 1rem so content fills available browser width.
Adjust height calc in ItemsPage and AuditPage from 80px to 64px offset
to account for reduced top padding.

Closes #16
---
 web/src/components/AppShell.tsx | 2 +-
 web/src/pages/AuditPage.tsx     | 2 +-
 web/src/pages/ItemsPage.tsx     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/components/AppShell.tsx b/web/src/components/AppShell.tsx
index 3843490..4da96e0 100644
--- a/web/src/components/AppShell.tsx
+++ b/web/src/components/AppShell.tsx
@@ -96,7 +96,7 @@ export function AppShell() {
         )}
       </header>
 
-      <main style={{ maxWidth: 1400, margin: '0 auto', padding: '2rem' }}>
+      <main style={{ padding: '1rem 1rem 0 1rem' }}>
         <Outlet />
       </main>
     </>
diff --git a/web/src/pages/AuditPage.tsx b/web/src/pages/AuditPage.tsx
index 9df9003..eb98472 100644
--- a/web/src/pages/AuditPage.tsx
+++ b/web/src/pages/AuditPage.tsx
@@ -47,7 +47,7 @@ export function AuditPage() {
       style={{
         display: "flex",
         flexDirection: "column",
-        height: "calc(100vh - 80px)",
+        height: "calc(100vh - 64px)",
         paddingBottom: 28,
       }}
     >
diff --git a/web/src/pages/ItemsPage.tsx b/web/src/pages/ItemsPage.tsx
index d57f639..4f77ab5 100644
--- a/web/src/pages/ItemsPage.tsx
+++ b/web/src/pages/ItemsPage.tsx
@@ -170,7 +170,7 @@ export function ItemsPage() {
       style={{
         display: "flex",
         flexDirection: "column",
-        height: "calc(100vh - 80px)",
+        height: "calc(100vh - 64px)",
         paddingBottom: 28,
       }}
     >