From 844657e622082f4e17a57e9a139e79489f089d32 Mon Sep 17 00:00:00 2001
From: ah-admin <admin@hocks.eu>
Date: Sun, 4 Oct 2026 21:43:05 +0200
Subject: [PATCH] Fix: Navigation springt nicht mehr - min-w-0 im Layout,
 Tabellen mit overflow-x-auto

---
 src/components/AppLayout.tsx   | 4 ++--
 src/pages/Bestand.tsx          | 4 ++--
 src/pages/MieterVerwaltung.tsx | 4 ++--
 src/pages/Zaehler.tsx          | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/AppLayout.tsx b/src/components/AppLayout.tsx
index e403d1b..92e0a70 100644
--- a/src/components/AppLayout.tsx
+++ b/src/components/AppLayout.tsx
@@ -120,7 +120,7 @@ export default function AppLayout() {
       </aside>
 
       {/* Mobile top bar */}
-      <div className="flex min-h-screen flex-1 flex-col">
+      <div className="flex min-h-screen min-w-0 flex-1 flex-col">
         <header className="sticky top-0 z-20 flex items-center gap-3 border-b bg-white/90 px-4 py-3 backdrop-blur dark:bg-slate-900/90 lg:hidden">
           <img src={logo} alt="Logo Hinterstein Immobilien" className="h-9 w-9 rounded-full bg-white object-contain p-0.5 ring-1 ring-slate-200" />
           <div className="flex-1 font-bold text-[#22333b] dark:text-amber-100">Hinterstein Immobilien</div>
@@ -144,7 +144,7 @@ export default function AppLayout() {
           ))}
         </nav>
 
-        <main className="flex-1 p-4 lg:p-8">
+        <main className="min-w-0 flex-1 p-4 lg:p-8">
           <Outlet />
         </main>
       </div>
diff --git a/src/pages/Bestand.tsx b/src/pages/Bestand.tsx
index 583e676..99465b9 100644
--- a/src/pages/Bestand.tsx
+++ b/src/pages/Bestand.tsx
@@ -626,8 +626,8 @@ export default function Bestand() {
         </div>
       ) : (
         /* ── Listenansicht ─────────────────────────────── */
-        <div className="overflow-hidden rounded-2xl border bg-white dark:border-slate-700 dark:bg-slate-900">
-          <table className="w-full text-sm">
+        <div className="overflow-x-auto rounded-2xl border bg-white dark:border-slate-700 dark:bg-slate-900">
+          <table className="w-full min-w-[760px] text-sm">
             <thead>
               <tr className="border-b bg-slate-50 text-left text-xs uppercase tracking-wide text-slate-500 dark:border-slate-700 dark:bg-slate-800/60 dark:text-slate-400">
                 <th className="w-8 px-3 py-2.5" aria-label="Details" />
diff --git a/src/pages/MieterVerwaltung.tsx b/src/pages/MieterVerwaltung.tsx
index 32f2cf8..916bef1 100644
--- a/src/pages/MieterVerwaltung.tsx
+++ b/src/pages/MieterVerwaltung.tsx
@@ -410,8 +410,8 @@ export default function MieterVerwaltung() {
           Kein Mieter passt zur Suche „{suche}".
         </div>
       ) : (
-        <div className="overflow-hidden rounded-2xl border bg-white dark:border-slate-700 dark:bg-slate-900">
-          <table className="w-full text-sm">
+        <div className="overflow-x-auto rounded-2xl border bg-white dark:border-slate-700 dark:bg-slate-900">
+          <table className="w-full min-w-[860px] text-sm">
             <thead>
               <tr className="border-b bg-slate-50 text-left text-xs uppercase tracking-wide text-slate-500 dark:border-slate-700 dark:bg-slate-800/60 dark:text-slate-400">
                 <th className="px-3 py-2.5">Wohnung</th>
diff --git a/src/pages/Zaehler.tsx b/src/pages/Zaehler.tsx
index 2d46eaa..39d5d99 100644
--- a/src/pages/Zaehler.tsx
+++ b/src/pages/Zaehler.tsx
@@ -554,8 +554,8 @@ export default function Zaehler() {
         </div>
       ) : (
         /* ── Listenansicht ─────────────────────────────── */
-        <div className="overflow-hidden rounded-2xl border bg-white dark:border-slate-700 dark:bg-slate-900">
-          <table className="w-full text-sm">
+        <div className="overflow-x-auto rounded-2xl border bg-white dark:border-slate-700 dark:bg-slate-900">
+          <table className="w-full min-w-[720px] text-sm">
             <thead>
               <tr className="border-b bg-slate-50 text-left text-xs uppercase tracking-wide text-slate-500 dark:border-slate-700 dark:bg-slate-800/60 dark:text-slate-400">
                 <th className="px-3 py-2.5">Art</th>