From 4a545b5f5caa39c9b50f2ed627f3b02c8be560c6 Mon Sep 17 00:00:00 2001
From: lorentz <lorentz@wulfconsulting.com>
Date: Wed, 4 Feb 2026 09:00:33 -0500
Subject: [PATCH] fix: use container class to align navigation with dashboard
 cards

- Changed from max-w-6xl to container mx-auto
- Restored left-4 and right-4 positioning for logo and theme toggle
- Navigation edges now align perfectly with dashboard card edges
- Matches the same container padding used throughout the app
---
 components/navigation/app-navigation.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/navigation/app-navigation.tsx b/components/navigation/app-navigation.tsx
index 21e7d37..ac6c958 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="relative flex h-16 items-center justify-center max-w-6xl mx-auto px-4">
+      <div className="relative container mx-auto 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 absolute left-0">
+          <Link href="/" className="flex items-center space-x-3 absolute left-4">
             <img 
               src="/wulff-logo.png" 
               alt="Wulf Consulting" 
@@ -172,7 +172,7 @@ export function AppNavigation() {
           </NavigationMenu>
 
           {/* Right Side Actions */}
-          <div className="flex items-center gap-3 absolute right-0">
+          <div className="flex items-center gap-3 absolute right-4">
             <ThemeToggle />
           </div>
         </div>