From e1d5c9eaa626c9636aff32e7aed786d2c9f4af22 Mon Sep 17 00:00:00 2001
From: vibe-bot <bot@local>
Date: Sat, 9 Aug 2025 16:36:22 +0200
Subject: [PATCH] UI: Globale 90%-Breite  Umstellung auf .page-container
 (Stable + Nightly)

---
 web/src/App.tsx    | 2 +-
 web/src/styles.css | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/src/App.tsx b/web/src/App.tsx
index 7d6e16c..9bf52b4 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -237,7 +237,7 @@ export default function App() {
 
   return (
     <ErrorBoundary>
-      <div className="container mx-auto" data-theme={theme}>
+      <div className="page-container" data-theme={theme}>
         {/* Floating Broccoli for 420 Theme */}
         {theme === '420' && showBroccoli && (
           <>
diff --git a/web/src/styles.css b/web/src/styles.css
index fba1863..92d5e33 100644
--- a/web/src/styles.css
+++ b/web/src/styles.css
@@ -302,6 +302,8 @@ body {
 [data-theme="dark"] .gradient-text { background: -webkit-linear-gradient(45deg,#e0e0e0,#a0a0a0); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent }
 
 .container { width: 90vw; max-width: none; margin: 0 auto; padding: 28px; }
+/* Eigener Container ohne Tailwind-Kollision */
+.page-container { width: 90vw; max-width: none; margin: 0 auto; padding: 28px; }
 
 /* Nightly Build: volle Breite (mind. 90% der Anzeige), kein max-width-Limit */
 [data-build="nightly"] .container {