From 87e4cdcb1b21b4ce38ca2df19f7043668401c113 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <mbombeck@gmail.com>
Date: Sat, 16 May 2026 17:45:20 +0200
Subject: [PATCH] fix(layout): normalise auth-shell container width on
 max-w-screen-xl
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Pre-v1.4.33 the dashboard shell capped at max-w-[76.8rem] (1228 px)
while settings/admin shells used max-w-screen-xl (1280 px) and the
bugreport route capped at max-w-6xl (1152 px). Route switches between
those surfaces produced a 52-128 px lateral shift on a 1440 px laptop
which the user perceives as the page "wobbling".

- src/components/layout/auth-shell.tsx: max-w-[76.8rem] -> max-w-screen-xl
- src/app/bugreport/page.tsx: drop the inner max-w-6xl cap so the shell
  alone owns the content frame.

Settings/admin shells already use max-w-screen-xl; no change needed.

Refs .planning/round-v1433-audit-polish.md §4.2 + Win 1.
---
 src/app/bugreport/page.tsx           |  4 ++--
 src/components/layout/auth-shell.tsx | 11 ++++++++++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/app/bugreport/page.tsx b/src/app/bugreport/page.tsx
index d856471a0..21dce49c4 100644
--- a/src/app/bugreport/page.tsx
+++ b/src/app/bugreport/page.tsx
@@ -99,7 +99,7 @@ export default function BugReportPage() {
 
   if (!isAuthenticated) {
     return (
-      <div className="mx-auto w-full max-w-6xl space-y-6">
+      <div className="w-full space-y-6">
         <h1 className="text-2xl font-bold tracking-tight">
           {t("bugreport.title")}
         </h1>
@@ -112,7 +112,7 @@ export default function BugReportPage() {
 
   if (status && status.enabled === false) {
     return (
-      <div className="mx-auto w-full max-w-6xl space-y-6">
+      <div className="w-full space-y-6">
         <div>
           <h1 className="text-2xl font-bold tracking-tight">
             {t("bugreport.title")}
diff --git a/src/components/layout/auth-shell.tsx b/src/components/layout/auth-shell.tsx
index 17f4aa547..b53dd0594 100644
--- a/src/components/layout/auth-shell.tsx
+++ b/src/components/layout/auth-shell.tsx
@@ -154,7 +154,16 @@ export function AuthShell({ children }: { children: React.ReactNode }) {
             id="main-content"
             className="flex-1 overflow-y-auto pb-[calc(4rem+env(safe-area-inset-bottom,0px))] md:pb-0"
           >
-            <div className="mx-auto max-w-[76.8rem] px-4 py-6 md:px-6">
+            {/*
+              v1.4.33 IW9 — container normalised on `max-w-screen-xl`
+              (1280 px) so dashboard / settings / admin / bugreport all
+              hit the same content frame. Pre-v1.4.33 the dashboard
+              shell capped at `max-w-[76.8rem]` (1228 px) while the
+              settings/admin shells used `max-w-screen-xl`, producing a
+              52 px lateral wobble on every route switch. Same audit
+              note in `.planning/round-v1433-audit-polish.md` §4.2.
+            */}
+            <div className="mx-auto max-w-screen-xl px-4 py-6 md:px-6">
               {children}
             </div>
           </main>