From 113c8c61be8088ab9f6072d84f31b00ad50ba6f7 Mon Sep 17 00:00:00 2001
From: augmentedpotato <shivchevli2000@gmail.com>
Date: Tue, 14 Apr 2026 13:44:13 -0600
Subject: [PATCH] Navbar fixed

---
 web/app/globals.css | 29 ++++++++++++++++++++++-------
 1 file changed, 22 insertions(+), 7 deletions(-)

diff --git a/web/app/globals.css b/web/app/globals.css
index 4f0ee3ee..2dbbe14a 100644
--- a/web/app/globals.css
+++ b/web/app/globals.css
@@ -62,11 +62,9 @@ body {
 .nav-links {
   display: flex;
   align-items: center;
-  gap: 2rem;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
+  gap: 1.25rem;
+  flex: 1;
+  justify-content: center;
 }
 
 /* Indivdual Link Styles */
@@ -2650,7 +2648,24 @@ body {
 
 /* Mobile / Responsive */
 
-@media (max-width: 768px) {
+/* Compact nav at mid-range widths before collapsing to hamburger */
+@media (min-width: 1101px) and (max-width: 1350px) {
+  .nav-links {
+    gap: 0.25rem;
+  }
+
+  .nav-link {
+    font-size: 0.9rem;
+    padding: 0.4rem 0.5rem;
+  }
+
+  .nav-auth {
+    gap: 0.35rem;
+    padding-left: 0.5rem;
+  }
+}
+
+@media (max-width: 1100px) {
   .navbar {
     padding: 0.5rem 1rem;
   }
@@ -2706,7 +2721,7 @@ body {
   display: none;
 }
 
-@media (max-width: 768px) {
+@media (max-width: 1100px) {
   /* Show hamburger bar, hide desktop nav */
   .nav-mobile-bar {
     display: flex;