From 1bea4f14285e2c41e1ec7d60cfa0e28ece5a595f Mon Sep 17 00:00:00 2001
From: ulsklyc <108589275+ulsklyc@users.noreply.github.com>
Date: Wed, 25 Mar 2026 14:27:10 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20Sidebar-Men=C3=BCpunkte=20kompakter=20+?=
 =?UTF-8?q?=20Tiefeneffekte=20stark=20reduziert?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- padding 6px statt space-3/space-2, min-height entfernt
- Hover: box-shadow 2px statt 4px (kaum sichtbar, subtil)
- Aktiv: inset 1px statt 3px (ganz leicht gedrückt)
- border-radius xs statt sm (weniger klobig)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 public/styles/layout.css | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/public/styles/layout.css b/public/styles/layout.css
index 8b69084..d7582b9 100644
--- a/public/styles/layout.css
+++ b/public/styles/layout.css
@@ -189,10 +189,10 @@
     flex-direction: row;
     justify-content: center;
     align-items: center;
-    border-radius: var(--radius-sm);
-    padding: var(--space-3) var(--space-2);
+    border-radius: var(--radius-xs);
+    padding: 6px var(--space-2);
     gap: 0;
-    min-height: 44px;
+    min-height: unset;
     font-size: var(--text-sm);
     color: var(--color-text-secondary);
     background: transparent;
@@ -205,8 +205,8 @@
   }
 
   .nav-sidebar .nav-item__icon {
-    width: 20px;
-    height: 20px;
+    width: 18px;
+    height: 18px;
     flex-shrink: 0;
   }
 
@@ -218,23 +218,23 @@
     overflow: hidden;
   }
 
-  /* Hover: neumorphic raised */
+  /* Hover: sehr subtiler raised-Effekt */
   .nav-sidebar .nav-item:hover:not([aria-current="page"]) {
     color: var(--color-accent);
     background: var(--sidebar-bg);
     box-shadow:
-      4px 4px 10px var(--sidebar-shadow-dark),
-      -4px -4px 10px var(--sidebar-shadow-light);
+      2px 2px 5px var(--sidebar-shadow-dark),
+      -2px -2px 5px var(--sidebar-shadow-light);
   }
 
-  /* Aktiv: neumorphic inset (gedrückt) */
+  /* Aktiv: leichter inset */
   .nav-sidebar .nav-item[aria-current="page"] {
     color: var(--color-accent);
     font-weight: var(--font-weight-semibold);
     background: var(--sidebar-bg);
     box-shadow:
-      inset 3px 3px 7px var(--sidebar-shadow-dark),
-      inset -3px -3px 7px var(--sidebar-shadow-light);
+      inset 1px 1px 3px var(--sidebar-shadow-dark),
+      inset -1px -1px 3px var(--sidebar-shadow-light);
   }
 
   /* Aktiv-Indikator: kleiner Akzentstreifen links */
@@ -297,9 +297,9 @@
   /* Nav-Items: horizontal mit Label */
   .nav-sidebar .nav-item {
     justify-content: flex-start;
-    padding: var(--space-2) var(--space-3);
+    padding: 6px var(--space-3);
     gap: var(--space-3);
-    min-height: 40px;
+    min-height: unset;
   }
 
   .nav-sidebar .nav-item__icon {