diff --git a/packages/frontend/src/shell/DashboardCalendarTab.module.css b/packages/frontend/src/shell/DashboardCalendarTab.module.css index 49582e6..75e3f97 100644 --- a/packages/frontend/src/shell/DashboardCalendarTab.module.css +++ b/packages/frontend/src/shell/DashboardCalendarTab.module.css @@ -67,13 +67,15 @@ display: flex; align-items: center; gap: 1rem; - flex-wrap: wrap; + flex-wrap: nowrap; /* Toolbar bleibt immer einzeilig */ + min-width: 0; } .navGroup { display: flex; align-items: center; gap: 0.25rem; + flex-shrink: 0; /* Navigationsbuttons nie verkleinern */ } .navBtn { @@ -116,15 +118,19 @@ .rangeLabel { flex: 1; + min-width: 0; /* Darf schrumpfen, nie viewToggle verdrängen */ font-size: 1rem; font-weight: 600; color: var(--color-text); margin: 0; white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } .viewToggle { display: flex; + flex-shrink: 0; /* Immer vollständig sichtbar */ border: 1px solid var(--color-border); border-radius: var(--radius-sm); overflow: hidden; diff --git a/packages/frontend/src/shell/DashboardEmailTab.module.css b/packages/frontend/src/shell/DashboardEmailTab.module.css index c8e2bde..81e94d4 100644 --- a/packages/frontend/src/shell/DashboardEmailTab.module.css +++ b/packages/frontend/src/shell/DashboardEmailTab.module.css @@ -122,7 +122,7 @@ gap: 1rem; align-items: flex-start; min-height: 300px; - max-width: 50%; + max-width: 70%; } /* ── Ordner-Baum (Sidebar) ── */