From 53666122d00f780b6c3b3c73b660b5e7168bc9b5 Mon Sep 17 00:00:00 2001
From: Thomas Reitz <T.Reitz@xinion.de>
Date: Fri, 13 Mar 2026 11:16:28 +0100
Subject: [PATCH] fix(dashboard): E-Mail Bereich auf 50% Breite begrenzen,
 Textumbruch aktivieren

---
 .../src/shell/DashboardEmailTab.module.css    | 19 +++++++------------
 1 file changed, 7 insertions(+), 12 deletions(-)

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;