diff --git a/packages/frontend/src/shell/DashboardEmailTab.module.css b/packages/frontend/src/shell/DashboardEmailTab.module.css index 0a4167e..c8e2bde 100644 --- a/packages/frontend/src/shell/DashboardEmailTab.module.css +++ b/packages/frontend/src/shell/DashboardEmailTab.module.css @@ -122,6 +122,7 @@ gap: 1rem; align-items: flex-start; min-height: 300px; + max-width: 50%; } /* ── Ordner-Baum (Sidebar) ── */ @@ -240,15 +241,13 @@ .emailSubject { display: flex; - align-items: center; + align-items: flex-start; gap: 0.375rem; font-size: 0.9375rem; font-weight: 400; color: var(--color-text); flex: 1; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; + word-break: break-word; } .emailCardUnread .emailSubject { @@ -280,9 +279,7 @@ .emailFrom { font-size: 0.8125rem; color: var(--color-text-muted); - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; + word-break: break-word; } .crmBadge { @@ -306,18 +303,16 @@ font-size: 0.8125rem; color: var(--color-text-muted); margin: 0; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; + line-height: 1.45; + word-break: break-word; } /* ── Aktivität-Button (absolut positioniert innerhalb der Karte) ── */ .saveActivityBtn { position: absolute; - top: 50%; + top: 0.75rem; right: 0.75rem; - transform: translateY(-50%); padding: 0.3rem 0.625rem; font-size: 0.75rem; font-weight: 600;