fix(ui): disable scrolling when dropdown is open

pwa/src/components/common/GameDropdown.tsx

@@ -55,15 +55,14 @@ export const GameDropdown: React.FC<GameDropdownProps> = ({
         // Use mousedown to catch clicks before they might trigger other things
         document.addEventListener('mousedown', handleClickOutside);
 
-        // Handle scroll to update position or close? 
-        const handleScroll = () => {
-            // Optional: onClose(); 
-        };
-        window.addEventListener('scroll', handleScroll, true);
+        // Disable scrolling while dropdown is open
+        const originalOverflow = document.body.style.overflow;
+        document.body.style.overflow = 'hidden';
 
         return () => {
             document.removeEventListener('mousedown', handleClickOutside);
-            window.removeEventListener('scroll', handleScroll, true);
+            // Restore scrolling
+            document.body.style.overflow = originalOverflow;
         };
     }, [isOpen, onClose]);
 

pwa/src/components/game/LocationView.css

@@ -9,25 +9,28 @@
 }
 
 /* Padded Image for enemies */
-/* Padded Image for enemies - Matches item card structure but with padding */
-.padded-image {
+.grid-card .entity-image.padded-image {
     padding: 10px;
-    box-sizing: border-box;
     width: 100%;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
+    margin: 0;
 }
 
-.padded-image img {
+.grid-card .entity-image.padded-image img {
     width: 100%;
     height: 100%;
-    object-fit: contain !important;
-    /* Ensure enemies don't get cropped */
+    object-fit: cover !important;
+    /* Crop to 1:1 as requested */
+    display: block;
+    margin: 0;
 }
 
+
+
 /* Remove old expanded grid styles */
 .corpse-container {
     display: contents;