move feed down to accomodate

Author: henry-dowling

app/components/app-navbar.tsx

@@ -5,33 +5,35 @@ import { DashboardBreadcrumb } from "@/components/dashboard-breadcrumb";
 
 export function AppNavbar() {
   return (
-    <header className="fixed top-0 left-0 right-0 z-50 flex h-16 shrink-0 items-center border-b bg-background">
-      <div className="flex h-full flex-1 items-center gap-4 px-4">
-        <div className="flex items-center gap-2">
-          <SidebarTrigger className="-ml-1" />
-          <Separator orientation="vertical" className="mr-2 h-4" />
-          <DashboardBreadcrumb />
+    <nav className="fixed top-0 left-0 right-0 z-50 border-b bg-background">
+      <header className="fixed top-0 left-0 right-0 z-50 flex h-16 shrink-0 items-center border-b bg-background">
+        <div className="flex h-full flex-1 items-center gap-4 px-4">
+          <div className="flex items-center gap-2">
+            <SidebarTrigger className="-ml-1" />
+            <Separator orientation="vertical" className="mr-2 h-4" />
+            <DashboardBreadcrumb />
+          </div>
+          
+          <div className="ml-auto flex items-center gap-4">
+            <Link
+              to="/feed"
+              activeProps={{ className: "text-foreground" }}
+              inactiveProps={{ className: "text-foreground/60" }}
+              className="relative px-2 font-medium transition-colors hover:text-foreground/80"
+            >
+              Feed
+            </Link>
+            <Link
+              to="/config"
+              activeProps={{ className: "text-foreground" }}
+              inactiveProps={{ className: "text-foreground/60" }}
+              className="relative px-2 font-medium transition-colors hover:text-foreground/80"
+            >
+              Config
+            </Link>
+          </div>
         </div>
-        
-        <div className="ml-auto flex items-center gap-4">
-          <Link
-            to="/feed"
-            activeProps={{ className: "text-foreground" }}
-            inactiveProps={{ className: "text-foreground/60" }}
-            className="relative px-2 font-medium transition-colors hover:text-foreground/80"
-          >
-            Feed
-          </Link>
-          <Link
-            to="/config"
-            activeProps={{ className: "text-foreground" }}
-            inactiveProps={{ className: "text-foreground/60" }}
-            className="relative px-2 font-medium transition-colors hover:text-foreground/80"
-          >
-            Config
-          </Link>
-        </div>
-      </div>
-    </header>
+      </header>
+    </nav>
   );
 } 

app/routes/(authed)/feed.tsx

@@ -119,9 +119,9 @@ function FeedComponent() {
 
   return (
     <AppSidebar>
-      <div className="min-h-screen bg-background">
+      <div className="bg-background">
         <AppNavbar />
-        <main className="mx-auto max-w-7xl p-4">
+        <main className="mt-14 mx-auto max-w-7xl p-4">
           <div className="flex gap-8">
             {/* Incident Feed */}
             <div className="flex-1">