From ebeb180f3fefa21e49aed4e4a5569d92c99502a5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hartmut=20N=C3=B6renberg?= <hn@hartmut-noerenberg.com>
Date: Thu, 9 Apr 2026 21:14:42 +0200
Subject: [PATCH] fix(ui): make project detail and scenario pages full width

Replace max-w-5xl/max-w-7xl constrained wrappers with the app-page utility
class, consistent with other full-width pages like the projects list.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 apps/web/src/app/(app)/projects/[id]/page.tsx          | 2 +-
 apps/web/src/app/(app)/projects/[id]/scenario/page.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/app/(app)/projects/[id]/page.tsx b/apps/web/src/app/(app)/projects/[id]/page.tsx
index 43ebfba..f90a14b 100644
--- a/apps/web/src/app/(app)/projects/[id]/page.tsx
+++ b/apps/web/src/app/(app)/projects/[id]/page.tsx
@@ -37,7 +37,7 @@ export default async function ProjectDetailPage({ params }: ProjectDetailPagePro
   const unfilledSeats = activeDemands.reduce((sum, demand) => sum + demand.unfilledHeadcount, 0);
 
   return (
-    <div className="p-6 max-w-5xl mx-auto space-y-6">
+    <div className="app-page space-y-6">
       {/* Back link */}
       <Link
         href="/projects"
diff --git a/apps/web/src/app/(app)/projects/[id]/scenario/page.tsx b/apps/web/src/app/(app)/projects/[id]/scenario/page.tsx
index e16906e..5129f0c 100644
--- a/apps/web/src/app/(app)/projects/[id]/scenario/page.tsx
+++ b/apps/web/src/app/(app)/projects/[id]/scenario/page.tsx
@@ -25,7 +25,7 @@ export default async function ScenarioPage({ params }: ScenarioPageProps) {
   ]);
 
   return (
-    <div className="p-6 max-w-7xl mx-auto space-y-6">
+    <div className="app-page space-y-6">
       <Link
         href={`/projects/${id}`}
         className="inline-flex items-center gap-1 text-sm text-gray-500 hover:text-gray-800 transition-colors"