From 0ced53c059322dbd86d3bc1136f7ca66f1a73c34 Mon Sep 17 00:00:00 2001
From: mudknight <mudknight32@gmail.com>
Date: Sat, 18 Apr 2026 04:33:39 -0700
Subject: [PATCH] Use flex gap for header spacing (#901)

* Use flex gap for header spacing

* Remove extra margin
---
 static/css/components/header.css | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/static/css/components/header.css b/static/css/components/header.css
index 64bc849d..2626dc9b 100644
--- a/static/css/components/header.css
+++ b/static/css/components/header.css
@@ -19,6 +19,7 @@
   align-items: center;
   justify-content: space-between;
   height: 100%;
+  gap: 1rem;
 }
 
 /* Responsive header container for larger screens */
@@ -65,7 +66,6 @@
   display: flex;
   gap: 0.5rem;
   flex-shrink: 0;
-  margin-right: 1rem;
 }
 
 .nav-item {
@@ -101,7 +101,6 @@
 .header-search {
   flex: 1;
   max-width: 400px;
-  margin: 0 1rem;
   transition: opacity 0.2s ease;
 }
 
@@ -288,4 +287,4 @@
   .header-search {
     flex: 1;
   }
-}
\ No newline at end of file
+}