fix(ui): improve location view styling (centered enemy images, correct dropdown pos)

pwa/src/components/game/LocationView.css

@@ -8,10 +8,21 @@
     /* Ensure padding inside container */
 }
 
+/* Padded Image for enemies */
 /* Padded Image for enemies */
 .padded-image {
     padding: 10px;
     box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+}
+
+.padded-image img {
+    object-fit: contain !important;
+    /* Ensure enemies don't get cropped by cover if padded */
 }
 
 /* Remove old expanded grid styles */

pwa/src/components/game/LocationView.tsx

@@ -102,11 +102,10 @@ function LocationView({
     if (activeDropdown === id) {
       setActiveDropdown(null)
     } else {
-      const rect = e.currentTarget.getBoundingClientRect()
+      // Use mouse position for grid-like dropdown behavior
-      // Fix: GameDropdown uses fixed positioning, so we don't add scroll offsets
       setDropdownPos({
-        x: rect.left,
+        x: e.clientX,
-        y: rect.bottom + 5
+        y: e.clientY
       })
       setActiveDropdown(id)
     }