Minor work in progress

.vscode/launch.json

@@ -0,0 +1,21 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "command": "npm start",
+            "name": "Run npm start",
+            "request": "launch",
+            "type": "node-terminal"
+        },
+        {
+            "type": "pwa-chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:8080",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}

src/Components/NearbyLocations.js

@@ -108,17 +108,18 @@ export default function NearbyLocations({
           {...viewport}
           onViewportChange={(nextViewport) => setViewport(nextViewport)}
         >
-          <div style={{ position: "absolute", right: 0 }}>
+          <div className="p-2" style={{ position: "absolute", right: 0, zIndex: 99 }}>
             <NavigationControl showCompass={false} />
           </div>
           {locationList.map((loc) => (
             <Popup
               closeButton={false}
+              sortByDepth={true}
               key={loc.id}
               latitude={parseFloat(loc.lat)}
               longitude={parseFloat(loc.lon)}
             >
-              <div className="p-1 text-center">
+              <div className="p-1 text-center" style={loc.id === locationId ? {zIndex: 98} : {}}>
                 <i className="fas fa-temperature-high"></i>
                 <br />
                 <small>