From b7e43c2232264ea93abb15266fce8b564be4550f Mon Sep 17 00:00:00 2001
From: lorentz <lorentz@wulfconsulting.com>
Date: Wed, 4 Feb 2026 08:50:41 -0500
Subject: [PATCH] style: align navigation edges with card content

- Removed container class, using max-w-6xl with px-4 directly
- Changed absolute positioning from left-4/right-4 to left-0/right-0
- Navigation edges now align perfectly with card edges
- Logo lines up with Dashboard text on left
- Theme toggle aligns with card edge on right
---
 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 b834a2d..21e7d37 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 container flex h-16 items-center justify-center max-w-6xl mx-auto">
+      <div className="relative flex h-16 items-center justify-center max-w-6xl mx-auto px-4">
         <div className="flex flex-1 items-center justify-center">
           {/* Logo and App Name */}
-          <Link href="/" className="flex items-center space-x-3 absolute left-4">
+          <Link href="/" className="flex items-center space-x-3 absolute left-0">
             <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-4">
+          <div className="flex items-center gap-3 absolute right-0">
             <ThemeToggle />
           </div>
         </div>