From c76f26abafdd4de292825dafae24234c3f2919e9 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 28 Jul 2026 00:05:07 +0200
Subject: [PATCH] GUI: alle Tabs nutzen volle Fensterbreite (kein
 .wide-Sonderfall mehr)

---
 app/web/src/main.js   |  1 -
 app/web/src/style.css | 10 +++++-----
 docs/08-changelog.md  |  8 ++++++++
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/app/web/src/main.js b/app/web/src/main.js
index 7872de8..90629a4 100644
--- a/app/web/src/main.js
+++ b/app/web/src/main.js
@@ -23,7 +23,6 @@ function applyTheme(t) {
 }
 
 function render() {
-  app.classList.toggle('wide', state.tab === 'recordings');
   const theme = document.documentElement.dataset.theme || 'dark';
   app.innerHTML = `
     <header class="topbar">
diff --git a/app/web/src/style.css b/app/web/src/style.css
index 51a801b..427d7e1 100644
--- a/app/web/src/style.css
+++ b/app/web/src/style.css
@@ -64,10 +64,10 @@ body {
   font: 15px/1.5 system-ui, "Segoe UI", Roboto, sans-serif;
   transition: background .2s, color .2s;
 }
-#app { max-width: 860px; margin: 0 auto; padding: 16px; }
-/* Aufnahmen-Tab: volle Fensterbreite nutzen (Liste bleibt 340px fix, das
-   Detail bekommt den Rest — vorher kappte 1180px auf großen Monitoren). */
-#app.wide { max-width: none; padding: 16px 28px; }
+/* Volle Fensterbreite für ALLE Tabs. Früher war nur „Aufnahmen“ breit (.wide)
+   und der Rest auf 860px zentriert — dadurch sprang die Kopfzeile beim
+   Tabwechsel in die Mitte. */
+#app { max-width: none; margin: 0 auto; padding: 16px 28px; }
 
 /* ---- Topbar / Brand ---- */
 .topbar { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 6px 0 14px; }
@@ -324,7 +324,7 @@ body.resizing { cursor: col-resize; user-select: none; }
 .lanes { flex: 1 1 100%; }
 
 @media (max-width: 800px) {
-  #app.wide { max-width: 860px; }
+  #app { padding: 16px; }
   .rec-layout { flex-direction: column; }
   .rec-list-pane { flex: none !important; width: 100%; position: static; max-height: 340px; }
   .rec-splitter { display: none; }
diff --git a/docs/08-changelog.md b/docs/08-changelog.md
index c098ae7..cc4e1c6 100644
--- a/docs/08-changelog.md
+++ b/docs/08-changelog.md
@@ -3,6 +3,14 @@
 Chronik der Entwicklungsschritte. **Regel: jede zukünftige Änderung bekommt hier einen Eintrag** (Datum,
 Was, Warum, betroffene Dateien/Backups).
 
+## 2026-07-28 — GUI: alle Tabs nutzen die volle Fensterbreite
+
+- **Problem:** nur „Aufnahmen" bekam `#app.wide` (max-width: none), Stimmen/Glossar/Bluetooth blieben auf
+  860 px zentriert → beim Tabwechsel sprang die ganze Kopfzeile in die Bildschirmmitte.
+- **Fix:** `.wide`-Sonderfall entfernt — `#app { max-width: none; padding: 16px 28px }` gilt für alle Tabs,
+  auf < 800 px wieder 16 px Padding. `render()` setzt keine Klasse mehr (`main.js`).
+  Bundle `index-BOK2TehD.js`, CSS `index-B0V_89UC.css`.
+
 ## 2026-07-27 (3) — „(Namen: …)"-Zeilen aus der Zusammenfassung entfernt
 
 - **Problem (Nutzer):** unter jedem Absatz der Zusammenfassung stand „(Namen: Kai, Dennis, …)".