Update app.py

app.py

@@ -106,6 +106,7 @@ html_code = f"""
 
         /* --- World Map Page --- */
         #world-map-page {{ background: #111; z-index: 200; transform: translateY(100%); display: flex; flex-direction: column; }}
+        
         .map-search-bar {{
             position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: 90%; max-width: 500px;
             z-index: 1000; display: flex; gap: 10px; background: rgba(0,0,0,0.8); padding: 10px; border-radius: 12px; border: 1px solid #444;
@@ -113,6 +114,19 @@ html_code = f"""
         .map-input {{ flex: 1; background: transparent; border: none; color: white; font-size: 16px; outline: none; }}
         .map-icon-btn {{ background: none; border: none; font-size: 20px; cursor: pointer; color: var(--gold); }}
         .home-btn {{ background: #333; color: white; border: 1px solid #555; padding: 0 15px; border-radius: 8px; font-weight: bold; cursor: pointer; }}
+        
+        /* 🔥 Floating Location Button (Bottom Right) */
+        .floating-loc-btn {{
+            position: absolute; bottom: 30px; right: 20px;
+            width: 50px; height: 50px; border-radius: 50%;
+            background: white; color: black; border: none;
+            box-shadow: 0 4px 10px rgba(0,0,0,0.3);
+            font-size: 24px; cursor: pointer; z-index: 1000;
+            display: flex; justify-content: center; align-items: center;
+            transition: transform 0.2s;
+        }}
+        .floating-loc-btn:active {{ transform: scale(0.95); }}
+
         #full-map {{ width: 100%; height: 100%; }}
 
         /* --- Loader --- */
@@ -175,9 +189,11 @@ html_code = f"""
             <button class="home-btn" onclick="closeWorldMapPage()">🏠 HOME</button>
             <input type="text" id="map-search-input" class="map-input" placeholder="Search City (e.g. Gangnam, London)..." onkeydown="if(event.key === 'Enter') searchMapLocation()">
             <button class="map-icon-btn" onclick="searchMapLocation()">🔍</button>
-            <button class="map-icon-btn" onclick="getMyLocation()">📍</button>
         </div>
+        
         <div id="full-map"></div>
+        
+        <button class="floating-loc-btn" onclick="getMyLocation()">🎯</button>
     </div>
 
     <div id="loader" class="loading-screen">