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

@@ -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;

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)