From e650cf2caedbc00d462aa20fdacf9524d9896459 Mon Sep 17 00:00:00 2001
From: Your Name <us01@sociowire.com>
Date: Mon, 26 Jan 2026 02:17:01 +0000
Subject: [PATCH] Move My Position button inside search bar

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/components/Map/MapView.jsx           |  8 --------
 src/components/Search/SmartSearchBar.jsx | 12 ++++++++++++
 src/styles/smartSearchBar.css            | 22 ++++++++++++++++++++++
 3 files changed, 34 insertions(+), 8 deletions(-)

diff --git a/src/components/Map/MapView.jsx b/src/components/Map/MapView.jsx
index 1f6c4db..ccadd0b 100644
--- a/src/components/Map/MapView.jsx
+++ b/src/components/Map/MapView.jsx
@@ -2197,14 +2197,6 @@ export default function MapView({
                 onPlaceTourWire={handleOpenCreate}
               />
               <div className="sw-search__side" aria-label="Search actions">
-                <button
-                  type="button"
-                  className="sw-search__iconBtn"
-                  title="My Position"
-                  onClick={handleFlyToMe}
-                >
-                  <i className="fa-solid fa-location-crosshairs"></i>
-                </button>
                 <button
                   type="button"
                   className="sw-search__iconBtn"
diff --git a/src/components/Search/SmartSearchBar.jsx b/src/components/Search/SmartSearchBar.jsx
index 7c3a615..01f2726 100644
--- a/src/components/Search/SmartSearchBar.jsx
+++ b/src/components/Search/SmartSearchBar.jsx
@@ -308,6 +308,18 @@ export default function SmartSearchBar({
             </svg>
           </button>
         )}
+
+        {onMySpot && (
+          <button
+            type="button"
+            className="sw-search__mySpotBtn"
+            title={t('map.myPosition')}
+            onClick={onMySpot}
+            aria-label={t('map.myPosition')}
+          >
+            <i className="fa-solid fa-location-crosshairs"></i>
+          </button>
+        )}
       </form>
 
       {showList && (
diff --git a/src/styles/smartSearchBar.css b/src/styles/smartSearchBar.css
index a2d6243..d26e01b 100644
--- a/src/styles/smartSearchBar.css
+++ b/src/styles/smartSearchBar.css
@@ -173,7 +173,29 @@ body[data-theme="light"] {
 
 /* My Position button inside search bar */
 .sw-search__mySpotBtn {
+  border: 0;
+  outline: 0;
+  cursor: pointer;
+  background: var(--sw-chip-bg, rgba(255,255,255,0.08));
+  color: var(--sw-text, rgba(255,255,255,0.92));
+  padding: 6px 10px;
+  border-radius: 8px;
   font-size: 16px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.15s ease;
+  flex-shrink: 0;
+  margin-left: 4px;
+}
+
+.sw-search__mySpotBtn:hover {
+  background: var(--sw-hover, rgba(255,255,255,0.15));
+  color: #38bdf8;
+}
+
+.sw-search__mySpotBtn:active {
+  transform: scale(0.95);
 }
 
 .sw-search__iconBtn.is-active {