From b70b9c677c57b318fed3b5ffab25b5a0a8f19a13 Mon Sep 17 00:00:00 2001
From: SkateSpots <skatespots>
Date: Sun, 27 Sep 2026 10:15:27 +0700
Subject: [PATCH] fix(mobile-nav): keep tab labels on one line so the row stays
 aligned

'Shops & Spots' wrapped to two lines and pushed its icon out of line with the
rest of the bar. Shorten nav.map to 'Spots' (en/es) and render every tab label
single-line (w-full truncate text-center), so long customised labels can't wrap
and misalign the bar either.
---
 src/components/Layout.tsx | 4 ++--
 src/i18n/en.ts            | 3 ++-
 src/i18n/es.ts            | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 8e827f7..b78aafe 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -404,7 +404,7 @@ function MobileNav({
           )}
         </span>
         <span className={cn(
-          'text-[9px] xs:text-[10px] leading-tight tracking-wide uppercase transition-all',
+          'block w-full truncate text-center text-[9px] xs:text-[10px] leading-tight tracking-wide uppercase transition-all',
           active ? 'font-extrabold' : 'font-semibold',
         )}>
           {tab.labelKey ? t(tab.labelKey) : tab.label}
@@ -475,7 +475,7 @@ function MobileNav({
                   )}
                 </span>
                 <span className={cn(
-                  'text-[9px] xs:text-[10px] leading-tight tracking-wide uppercase transition-all',
+                  'block w-full truncate text-center text-[9px] xs:text-[10px] leading-tight tracking-wide uppercase transition-all',
                   tabActive ? 'font-extrabold' : 'font-semibold',
                 )}>
                   {isLoggedIn ? 'Profile' : 'Log In'}
diff --git a/src/i18n/en.ts b/src/i18n/en.ts
index 8f80d40..f000ff5 100644
--- a/src/i18n/en.ts
+++ b/src/i18n/en.ts
@@ -49,7 +49,8 @@ const en = {
   // Navigation
   nav: {
     home: 'Home',
-    map: 'Shops & Spots',
+    // Kept to one word so the mobile tab bar labels stay on a single line.
+    map: 'Spots',
     lab: 'The Lab',
     events: 'Events',
     crews: 'Crews',
diff --git a/src/i18n/es.ts b/src/i18n/es.ts
index cda63b1..86bb53d 100644
--- a/src/i18n/es.ts
+++ b/src/i18n/es.ts
@@ -50,7 +50,7 @@ const es = {
   // Navigation
   nav: {
     home: 'Inicio',
-    map: 'Tiendas y Spots',
+    map: 'Spots',
     lab: 'El Lab',
     events: 'Eventos',
     crews: 'Crews',