From bb6b3e6b7e5636f6ab891b227cc630215937fe59 Mon Sep 17 00:00:00 2001
From: "shakespeare.diy" <assistant@shakespeare.diy>
Date: Fri, 24 Jul 2026 10:24:52 +0700
Subject: [PATCH] Fix map search input visibility; align header sizes; de-dupe
 map Quick Actions

- Map search input: replaced non-standard `bg-white/6` with `bg-white/5`
  (matching The Lab's inputs) and removed the focus ring offset so typed
  text is now visible on the dark toolbar instead of a white field. Also
  normalized the mobile filter button's `bg-white/6` -> `bg-white/5`.
- Bumped Wallet and Settings page titles to text-4xl md:text-5xl to match
  The Lab and Events headers for consistent title rhythm.
- Trimmed the map filter drawer's Quick Actions to Marketplace + Stash,
  since Add Spot / Shop / Tour / Quick Snap now live in the Add speed-dial
  FAB (removes duplication).

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
---
 src/pages/MapPage.tsx      | 22 +++++++---------------
 src/pages/SettingsPage.tsx |  2 +-
 src/pages/WalletPage.tsx   |  2 +-
 3 files changed, 9 insertions(+), 17 deletions(-)

diff --git a/src/pages/MapPage.tsx b/src/pages/MapPage.tsx
index f9c6b43..22b7e89 100644
--- a/src/pages/MapPage.tsx
+++ b/src/pages/MapPage.tsx
@@ -919,7 +919,7 @@ export default function MapPage() {
                   placeholder={t('mapPage.searchPlaceholder')}
                   value={searchQuery}
                   onChange={(e) => setSearchQuery(e.target.value)}
-                  className="pl-9 h-9 bg-white/6 border-white/10 text-white placeholder:text-gray-600 rounded-full text-sm focus:border-[#ff0040]/50 focus:bg-white/8 transition-all"
+                  className="pl-9 h-9 bg-white/5 border-white/10 text-white placeholder:text-gray-600 rounded-full text-sm focus:border-[#ff0040]/50 focus-visible:ring-0 focus-visible:ring-offset-0 transition-all"
                 />
                 {searchQuery && (
                   <button onClick={() => setSearchQuery('')} className="absolute right-3 top-1/2 -translate-y-1/2 text-gray-500 hover:text-white">
@@ -956,7 +956,7 @@ export default function MapPage() {
                       'relative h-9 w-9 rounded-full flex items-center justify-center flex-shrink-0 border transition-all touch-manipulation active:scale-90 md:hidden',
                       totalActiveFilters > 0
                         ? 'bg-[#ff0040]/20 border-[#ff0040]/60 text-[#ff0040]'
-                        : 'bg-white/6 border-white/10 text-gray-400 hover:text-gray-200 hover:border-white/20'
+                        : 'bg-white/5 border-white/10 text-gray-400 hover:text-gray-200 hover:border-white/20'
                     )}
                     aria-label="Filters"
                   >
@@ -1110,17 +1110,15 @@ export default function MapPage() {
                       />
                     </div>
 
-                    {/* Quick actions for logged in users */}
+                    {/* Quick actions for logged in users.
+                        Note: Add Spot / Shop / Tour / Quick Snap live in the
+                        map's "Add" speed-dial FAB — here we only surface the
+                        shortcuts that aren't already on the map (Marketplace,
+                        Stash) to avoid duplication. */}
                     {user && (
                       <div>
                         <h3 className="text-xs font-bold text-muted-foreground mb-2 uppercase tracking-wide">Quick Actions</h3>
                         <div className="grid grid-cols-2 gap-1.5">
-                          <Link to="/create-spot" onClick={() => setMobileFiltersOpen(false)}>
-                            <Button size="sm" className="w-full gap-1 bg-[#ff0040] hover:bg-[#ff0040]/90 font-bold h-9 text-xs">
-                              <Plus className="h-3 w-3" />
-                              Add Spot
-                            </Button>
-                          </Link>
                            <Link to="/marketplace" onClick={() => setMobileFiltersOpen(false)}>
                              <Button size="sm" variant="outline" className="w-full gap-1 border-orange-500/50 text-orange-400 font-bold h-9 text-xs">
                                <ArrowRightLeft className="h-3 w-3" />
@@ -1133,12 +1131,6 @@ export default function MapPage() {
                               Stash
                             </Button>
                           </Link>
-                          <Link to="/create-tour" onClick={() => setMobileFiltersOpen(false)}>
-                            <Button size="sm" variant="outline" className="w-full gap-1 border-cyan-500/50 text-cyan-400 font-bold h-9 text-xs">
-                              <Route className="h-3 w-3" />
-                              Tour
-                            </Button>
-                          </Link>
                         </div>
                       </div>
                     )}
diff --git a/src/pages/SettingsPage.tsx b/src/pages/SettingsPage.tsx
index 15ea972..423cd9b 100644
--- a/src/pages/SettingsPage.tsx
+++ b/src/pages/SettingsPage.tsx
@@ -899,7 +899,7 @@ export default function SettingsPage() {
         {/* Header — only shown on the main menu */}
         {!section && (
           <div className="mb-5">
-            <h1 className="text-3xl font-black uppercase leading-none mb-0.5">
+            <h1 className="text-4xl md:text-5xl font-black uppercase leading-none mb-1">
               <span className="text-white">SETTINGS</span>
             </h1>
             <p className="text-muted-foreground text-sm">Account and app preferences</p>
diff --git a/src/pages/WalletPage.tsx b/src/pages/WalletPage.tsx
index ef391b3..39c0512 100644
--- a/src/pages/WalletPage.tsx
+++ b/src/pages/WalletPage.tsx
@@ -242,7 +242,7 @@ export default function WalletPage() {
 
         {/* Header */}
         <div className="mb-4">
-          <h1 className="text-3xl font-black uppercase leading-none mb-0.5">
+          <h1 className="text-4xl md:text-5xl font-black uppercase leading-none mb-1">
             <span className="neon-orange">WALLET</span>
           </h1>
           <p className="text-muted-foreground text-sm">Bitcoin Lightning + Cashu</p>