Ver código fonte

fix(ui): improve layout of actions group in TopNav for better separation and spacing

Code_Uwe 1 semana atrás
pai
commit
d8fa38db65
1 arquivos alterados com 9 adições e 2 exclusões
  1. 9 2
      components/app-shell/TopNav.jsx

+ 9 - 2
components/app-shell/TopNav.jsx

@@ -44,9 +44,16 @@ export default function TopNav() {
 							</nav>
 						</div>
 
+						{/* Actions group (clean separation + consistent spacing) */}
 						<div className="flex items-center gap-3">
-							<ThemeToggleButton />
-							<SessionIndicator />
+							<div className="flex items-center gap-3" aria-label="Aktionen">
+								<ThemeToggleButton />
+								<SessionIndicator />
+							</div>
+
+							{/* Subtle separator between actions and user menu */}
+							<div className="h-6 w-px bg-border" aria-hidden="true" />
+
 							<UserStatus />
 						</div>
 					</div>