From 02b3b17269ba6a98439566c89239a46815a9f6bd Mon Sep 17 00:00:00 2001
From: Lars <Lars@stommer.de>
Date: Sun, 5 Jul 2026 08:12:45 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20=C3=9Cberblick-Widget=20Overflow=20?=
 =?UTF-8?q?=E2=80=94=20volle=20Breite,=202x2=20Grid=20in=20schmalen=20Kart?=
 =?UTF-8?q?en?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 frontend/src/styles/components.css            |  8 ++++++++
 frontend/src/styles/pages.css                 | 19 ++++++++++++++-----
 .../src/widgets/WorkspaceSummaryWidget.jsx    |  1 +
 3 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/frontend/src/styles/components.css b/frontend/src/styles/components.css
index 6bc3662..7fca320 100644
--- a/frontend/src/styles/components.css
+++ b/frontend/src/styles/components.css
@@ -71,6 +71,14 @@
   align-items: stretch;
 }
 
+.widget-card {
+  min-width: 0;
+}
+
+.widget-card--span-full {
+  grid-column: 1 / -1;
+}
+
 .btn {
   display: inline-flex;
   align-items: center;
diff --git a/frontend/src/styles/pages.css b/frontend/src/styles/pages.css
index 3738ff5..fda6b92 100644
--- a/frontend/src/styles/pages.css
+++ b/frontend/src/styles/pages.css
@@ -27,14 +27,20 @@
 
 .summary-metrics {
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 0.75rem 1rem;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 0.75rem;
   margin: 0;
+  min-width: 0;
 }
 
-@media (min-width: 769px) {
-  .summary-metrics {
-    grid-template-columns: repeat(4, 1fr);
+/* Volle Widget-Breite (Überblick): 4 Spalten ab Tablet */
+.widget-card--span-full .summary-metrics {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+@media (max-width: 640px) {
+  .widget-card--span-full .summary-metrics {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 }
 
@@ -43,12 +49,15 @@
   background: var(--jk-surface-raised);
   border-radius: 8px;
   border: 1px solid var(--jk-border);
+  min-width: 0;
 }
 
 .summary-metric dt {
   margin: 0;
   font-size: 0.8125rem;
   color: var(--jk-text-muted);
+  line-height: 1.35;
+  overflow-wrap: anywhere;
 }
 
 .summary-metric dd {
diff --git a/frontend/src/widgets/WorkspaceSummaryWidget.jsx b/frontend/src/widgets/WorkspaceSummaryWidget.jsx
index c5097c1..7d865dd 100644
--- a/frontend/src/widgets/WorkspaceSummaryWidget.jsx
+++ b/frontend/src/widgets/WorkspaceSummaryWidget.jsx
@@ -28,6 +28,7 @@ export function WorkspaceSummaryWidget() {
 
   return (
     <WidgetCard
+      className="widget-card--span-full"
       title="Überblick"
       subtitle="Kennzahlen für deinen Workspace"
       actions={