From 82e16c4a3f646a59b6aefe9a4d1046c3247d8846 Mon Sep 17 00:00:00 2001
From: Dicken <webmaster@sermerpartydorf.de>
Date: Thu, 28 May 2026 15:11:50 +0200
Subject: [PATCH] =?UTF-8?q?Nachrichten:=20Leerraum=20auf=20Mobile=20fix=20?=
 =?UTF-8?q?-=20flex=20statt=20berechneter=20H=C3=B6he?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/App.jsx               | 9 ++++++++-
 frontend/src/tools/nachrichten.jsx | 6 ++----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index b138031..5137986 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -1660,7 +1660,14 @@ export default function App() {
   const activeTool = TOOLS.find(t=>t.id===active);
 
   // Mobile padding bottom für fixed nav
-  const mainStyle = { flex:1, overflowY:'auto', ...(mobile ? { paddingBottom: active==='nachrichten' ? 0 : 'calc(56px + env(safe-area-inset-bottom, 0px))' } : {}) };
+  const isNachrichten = active === 'nachrichten';
+  const mainStyle = {
+    flex:1,
+    overflowY: (mobile && isNachrichten) ? 'hidden' : 'auto',
+    display: (mobile && isNachrichten) ? 'flex' : undefined,
+    flexDirection: (mobile && isNachrichten) ? 'column' : undefined,
+    ...(mobile && !isNachrichten ? { paddingBottom:'calc(56px + env(safe-area-inset-bottom, 0px))' } : {}),
+  };
 
   return(
     <>
diff --git a/frontend/src/tools/nachrichten.jsx b/frontend/src/tools/nachrichten.jsx
index 608f5ae..064fa3f 100644
--- a/frontend/src/tools/nachrichten.jsx
+++ b/frontend/src/tools/nachrichten.jsx
@@ -230,9 +230,6 @@ export default function Nachrichten({ toast, mobile }) {
   // ── Layout ───────────────────────────────────────────────────────────────────
   const showList = !mobile || !activeUser;
   const showChat = !mobile || !!activeUser;
-  const h = mobile
-    ? 'calc(100dvh - 56px - env(safe-area-inset-bottom, 0px))'
-    : '100vh';
 
   if (initError) return (
     <div style={{ padding:32, color:'rgba(255,255,255,0.45)', fontFamily:'monospace', fontSize:12, lineHeight:2 }}>
@@ -242,7 +239,8 @@ export default function Nachrichten({ toast, mobile }) {
   );
 
   return (
-    <div style={{ display:'flex', height:h, overflow:'hidden', background:'#111114' }}>
+    <div style={{ display:'flex', flex:1, height: mobile ? '100%' : '100vh',
+      overflow:'hidden', background:'#111114' }}>
 
       {/* ── Konversationsliste ─────────────────────────────────────────── */}
       {showList && (