From efff465a862ec1a55d58251687dfc2346a76b9bf Mon Sep 17 00:00:00 2001
From: root <root@dev01.nb.wulf.cloud>
Date: Mon, 2 Feb 2026 21:22:57 -0500
Subject: [PATCH] style: center navigation bar to match rest of app layout

Changed navigation layout from spread (justify-between) to centered:
- Logo positioned absolutely on the left
- Navigation menu centered with mx-auto
- Right actions positioned absolutely on the right
- Container uses justify-center for proper centering
---
 components/navigation/app-navigation.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/navigation/app-navigation.tsx b/components/navigation/app-navigation.tsx
index 3be9dbf..73c19e0 100644
--- a/components/navigation/app-navigation.tsx
+++ b/components/navigation/app-navigation.tsx
@@ -95,10 +95,10 @@ export function AppNavigation() {
 
   return (
     <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
-      <div className="container flex h-16 items-center">
-        <div className="flex flex-1 items-center justify-between">
+      <div className="relative container flex h-16 items-center justify-center">
+        <div className="flex flex-1 items-center justify-center">
           {/* Logo and App Name */}
-          <Link href="/" className="flex items-center space-x-3 mr-6">
+          <Link href="/" className="flex items-center space-x-3 absolute left-4">
             <div className="flex h-9 w-9 items-center justify-center rounded-lg bg-gradient-to-br from-blue-600 to-blue-700 text-white shadow-lg">
               <Activity className="h-5 w-5" />
             </div>
@@ -111,7 +111,7 @@ export function AppNavigation() {
           </Link>
 
           {/* Main Navigation */}
-          <NavigationMenu className="mx-6">
+          <NavigationMenu className="mx-auto">
             <NavigationMenuList>
               {navigationItems.map((item) => (
                 <NavigationMenuItem key={item.title}>
@@ -170,7 +170,7 @@ export function AppNavigation() {
           </NavigationMenu>
 
           {/* Right Side Actions */}
-          <div className="flex items-center gap-2">
+          <div className="flex items-center gap-2 absolute right-4">
             <ThemeToggle />
           </div>
         </div>