diff --git a/docs/issues/PHASE_PLAN_RESPONSIVE_UI.md b/docs/issues/PHASE_PLAN_RESPONSIVE_UI.md
index fec7466..de4f394 100644
--- a/docs/issues/PHASE_PLAN_RESPONSIVE_UI.md
+++ b/docs/issues/PHASE_PLAN_RESPONSIVE_UI.md
@@ -3,7 +3,7 @@
> **Gitea:** [#30 – Responsive UI](http://192.168.2.144:3000/Lars/mitai-jinkendo/issues/30)
> **Spec:** `.claude/docs/functional/RESPONSIVE_UI.md`
> **Breakpoint:** `<1024px` = Mobile (Bottom-Nav, bestehendes Verhalten), `≥1024px` = Desktop (Sidebar 220px)
-> **Letzte Plan-Aktualisierung:** 2026-04-04 (P5)
+> **Letzte Plan-Aktualisierung:** 2026-04-04 (P6; P7 Admin bewusst offen)
---
@@ -17,8 +17,8 @@
| P3 | Dashboard (Desktop-Grid) | ☑ erledigt | 4-spaltige Kennzahlen; Begrüßung; Ernährung/Aktivität 2-spaltig |
| P4 | Verlauf (Tabs links / Content rechts) | ☑ erledigt | `History.jsx` + `.history-*` in `app.css`; Tab-State bei `location.state.tab` |
| P5 | Analyse (Prompts links / Ergebnis rechts) | ☑ erledigt | `Analysis.jsx` + `.analysis-split*` in `app.css` |
-| P6 | Erfassung / Capture & Formularseiten | ☐ pending | |
-| P7 | Admin & restliche Vollbreiten-Seiten | ☐ pending | |
+| P6 | Erfassung / Capture & Formularseiten | ☑ erledigt | `.capture-page` / `.capture-page--wide` in `app.css`; CaptureHub, Wizard, Gewicht–Ziele, Guide, Ernährung/Aktivität/Vital/Schlaf breiter |
+| P7 | Admin & restliche Vollbreiten-Seiten | ⏸ Konzeption | Layout nach Abstimmung; nicht mit P6 mitgezogen |
| P8 | Abschluss, Regression, Spec-Pflege | ☐ pending | |
**Status-Legende:** `☐ pending` · `◐ in Arbeit` · `☑ erledigt` · `⏸ blockiert`
diff --git a/frontend/src/app.css b/frontend/src/app.css
index e21136b..abdb611 100644
--- a/frontend/src/app.css
+++ b/frontend/src/app.css
@@ -344,6 +344,25 @@ body { font-family: var(--font); background: var(--bg); color: var(--text1); -we
}
}
+/* P6 / RESPONSIVE_UI §5.4 – Erfassung: Desktop zentriert; data-lastige Seiten etwas breiter */
+.capture-page {
+ width: 100%;
+ max-width: 100%;
+ box-sizing: border-box;
+}
+
+@media (min-width: 1024px) {
+ .capture-page {
+ max-width: 600px;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .capture-page--wide {
+ max-width: 900px;
+ }
+}
+
.muted { color: var(--text3); font-size: 13px; }
.empty-state { text-align: center; padding: 48px 16px; color: var(--text3); }
.empty-state h3 { font-size: 16px; color: var(--text2); margin-bottom: 6px; }
diff --git a/frontend/src/pages/ActivityPage.jsx b/frontend/src/pages/ActivityPage.jsx
index 4031afc..69c5cd5 100644
--- a/frontend/src/pages/ActivityPage.jsx
+++ b/frontend/src/pages/ActivityPage.jsx
@@ -254,7 +254,7 @@ export default function ActivityPage() {
}
return (
-
+
Aktivität
diff --git a/frontend/src/pages/CaliperScreen.jsx b/frontend/src/pages/CaliperScreen.jsx
index 0b1564e..e3b2d61 100644
--- a/frontend/src/pages/CaliperScreen.jsx
+++ b/frontend/src/pages/CaliperScreen.jsx
@@ -160,7 +160,7 @@ export default function CaliperScreen() {
}
return (
-
+
Caliper