From cf8fd2b5ca76a44aec059dc424c3d2c6c0a83514 Mon Sep 17 00:00:00 2001
From: v0 <v0[bot]@users.noreply.github.com>
Date: Wed, 11 Mar 2026 08:54:04 +0000
Subject: [PATCH] feat: adjust mobile navigation for compact layout

Ensure nav stays compact on small screens with no wrapping.

Co-authored-by: Moheeb Zara <1184415+virgilvox@users.noreply.github.com>
---
 app/(landing)/page.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/(landing)/page.tsx b/app/(landing)/page.tsx
index 613e3cc..a570b32 100644
--- a/app/(landing)/page.tsx
+++ b/app/(landing)/page.tsx
@@ -309,16 +309,16 @@ export default function LandingPage() {
     <div className="min-h-screen bg-background">
       {/* Nav */}
       <nav className="border-b border-border bg-sidebar">
-        <div className="max-w-6xl mx-auto px-4 md:px-6 py-3 flex items-center justify-between">
-          <div className="flex items-center gap-2">
-            <IcoTerminal className="w-5 h-5 text-primary" />
-            <span className="font-mono text-sm font-bold text-white">hackerspace.sh</span>
+        <div className="max-w-6xl mx-auto px-4 md:px-6 py-3 flex items-center justify-between gap-4">
+          <div className="flex items-center gap-2 min-w-0">
+            <IcoTerminal className="w-5 h-5 text-primary shrink-0" />
+            <span className="font-mono text-sm font-bold text-white truncate">hackerspace.sh</span>
           </div>
-          <div className="flex items-center gap-4">
-            <Link href="/login" className="font-sans text-sm text-sidebar-foreground hover:text-white transition">
+          <div className="flex items-center gap-2 shrink-0">
+            <Link href="/login" className="font-sans text-sm text-sidebar-foreground hover:text-white transition px-3 py-1.5">
               Log in
             </Link>
-            <Link href="/signup" className="font-sans text-sm bg-primary text-white px-4 py-1.5 rounded hover:bg-primary/90 transition">
+            <Link href="/signup" className="font-sans text-sm bg-primary text-white px-3 py-1.5 rounded hover:bg-primary/90 transition whitespace-nowrap">
               Get Started
             </Link>
           </div>