From 85981a880d78e0327517ad78764dae23b589a18f Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Wed, 1 Oct 2025 13:49:13 +0200
Subject: [PATCH] =?UTF-8?q?=C3=84ndert=20die=20Navigationsstruktur=20in=20?=
 =?UTF-8?q?App.vue,=20indem=20die=20Klasse=20der=20Fu=C3=9Fzeile=20von=20"?=
 =?UTF-8?q?nav-menu"=20zu=20"sidebar-footer"=20ge=C3=A4ndert=20wird.=20F?=
 =?UTF-8?q?=C3=BCgt=20eine=20neue=20CSS-Klasse=20"nav-menu-no-flex"=20hinz?=
 =?UTF-8?q?u,=20um=20das=20Layout=20der=20Navigation=20zu=20optimieren=20u?=
 =?UTF-8?q?nd=20die=20Flexbox-Eigenschaften=20anzupassen.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/App.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index b661e2e..d175d24 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -68,7 +68,7 @@
             </div>
           </nav>
           
-          <nav class="nav-menu">
+          <nav class="sidebar-footer">
             <div class="nav-section">
               <h4 class="nav-title">Einstellungen</h4>
               <a href="/mytischtennis-account" class="nav-link">
@@ -341,6 +341,15 @@ export default {
   overflow-y: auto;
 }
 
+.nav-menu-no-flex {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  flex: 0;
+  min-height: 0;
+  overflow-y: auto;
+}
+
 .nav-section {
   display: flex;
   flex-direction: column;