diff --git a/web/src/App.jsx b/web/src/App.jsx index 0fa5d20..66e512e 100644 --- a/web/src/App.jsx +++ b/web/src/App.jsx @@ -113,11 +113,11 @@ function Sidebar() { {/* Auf schmalen Bildschirmen wird die Leiste waagerecht; dort gibt es keine Abschnitte (styles.css) und die Eintraege stehen flach nebeneinander – zuklappen loest dort kein Platzproblem. */} - {LISTEN.map((e) => ( braucht – alles Sichtbare kommt von .nav-link, damit die + Hoehe nicht auseinanderlaeuft, sobald dort jemand etwas aendert. */ .nav-group { - display: flex; align-items: center; gap: var(--sp-2); width: 100%; background: none; border: none; cursor: pointer; - padding: var(--sp-4) var(--sp-3) var(--sp-1); - font-size: 0.68rem; font-weight: 600; letter-spacing: 0.06em; - text-transform: uppercase; color: var(--muted); opacity: 0.7; - font-family: inherit; text-align: left; + font: inherit; text-align: left; } -.nav-group:hover { opacity: 1; } /* Eingerueckt wie die Dashboard-Unterpunkte, aber mit Platz fuers Symbol. */ .nav-link.nav-child { padding-left: 26px; font-size: 0.86rem; } .nav-link.nav-zu { display: none; }