From 5db51a40e79430962709b147b6b4f51756b482bf Mon Sep 17 00:00:00 2001
From: samuelzielke <git@samuelzielke.de>
Date: Sat, 5 Sep 2026 02:49:42 +0200
Subject: [PATCH] =?UTF-8?q?Anpassungen=20f=C3=BCr=20kleinere=20Dispalys?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/static/app/css/custom.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/app/static/app/css/custom.css b/app/static/app/css/custom.css
index 6f2566d..34c3d5f 100644
--- a/app/static/app/css/custom.css
+++ b/app/static/app/css/custom.css
@@ -251,6 +251,22 @@
     height: 93vh;
     transition: height 1s ease, transform 1s ease;
     margin: 0;
+    /* Grundsätzlicher Fix für kleinere Displays (z.B. iPhone 12 mini vs. 15 Pro): die feste
+       vh-Höhe reicht auf kürzeren Viewports nicht für den ganzen Karten-Stapel, und body hat
+       overflow:hidden (verhindert Bounce/Pull-to-refresh) - ohne dieses overflow-y wäre alles
+       unterhalb des sichtbaren Bereichs dauerhaft unerreichbar statt nur eng. */
+    overflow-y: auto;
+    overflow-x: hidden;
+    -webkit-overflow-scrolling: touch;
+}
+
+/* align-self statt der geerbten align-items-center des Elternelements: sonst würde
+   überlaufender Inhalt (auf kleinen Displays) mittig "geclippt" und wäre weder oben
+   noch unten per Scroll erreichbar. Betrifft nur das Dashboard, nicht die (kurzen,
+   weiterhin mittig zentrierten) Willkommens-/Update-Hinweise. */
+#dashboard {
+    align-self: flex-start;
+    width: 100%;
 }
 
 .bg-white-color {