From 30330801ccd015f0dcfac14b44a713d01034da8cd00564ffbd0fe1bfccb3ea78 Mon Sep 17 00:00:00 2001
From: wlfb <thomas.langer@destengs.com>
Date: Wed, 30 Sep 2026 13:28:19 +0200
Subject: [PATCH] fix: Tabellen scrollen auf schmalen Bildschirmen in sich
 (A14-T6 Fixrunde)

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 finance/app/static/style.css         | 6 ++++++
 finance/tests/test_aufteilung_gui.py | 6 ++++++
 2 files changed, 12 insertions(+)

diff --git a/finance/app/static/style.css b/finance/app/static/style.css
index aa4d6b3..1d8090d 100644
--- a/finance/app/static/style.css
+++ b/finance/app/static/style.css
@@ -39,6 +39,12 @@ table {
   margin-bottom: 1.5rem;
 }
 
+/* Schmale Bildschirme: breite Tabellen scrollen in sich, nicht die Seite (A14). */
+@media (max-width: 600px) {
+  table { display: block; overflow-x: auto; }
+  fieldset { min-width: 0; }
+}
+
 th, td {
   border: 1px solid #ddd;
   padding: 0.4rem 0.6rem;
diff --git a/finance/tests/test_aufteilung_gui.py b/finance/tests/test_aufteilung_gui.py
index 343ca15..df080ec 100644
--- a/finance/tests/test_aufteilung_gui.py
+++ b/finance/tests/test_aufteilung_gui.py
@@ -342,3 +342,9 @@ def test_gewaehltes_segment_zuletzt_gezeichnet():
     assert svg.index("M0 0 LBeta") < svg.index("M0 0 LAlpha")
     legende = html.split('<ul class="legende">', 1)[1]
     assert legende.index("Alpha") < legende.index("Beta")   # Legende behält Reihenfolge
+
+
+def test_tabellen_scrollen_auf_schmalen_bildschirmen_in_sich():
+    m = re.search(r"@media \(max-width: 600px\)[^@]*table\s*\{([^}]*)\}", CSS)
+    assert m and re.search(r"overflow-x:\s*auto", m.group(1)) and re.search(r"display:\s*block", m.group(1))
+    assert re.search(r"@media \(max-width: 600px\)[^@]*fieldset\s*\{[^}]*min-width:\s*0", CSS)