From 18b14766b23071016c7e3c5629621e378237756c Mon Sep 17 00:00:00 2001 From: Thomas Hallock Date: Wed, 26 Nov 2025 06:10:07 -0600 Subject: [PATCH] fix: make map-renderer fill parent container for fit-crop-with-fill MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Add flex: 1 to map-renderer so it expands to fill the available space in the parent flex container. Without this, the container would shrink to fit its content, preventing the aspect ratio calculation from using the full available viewport. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- .../src/arcade-games/know-your-world/components/MapRenderer.tsx | 1 + apps/web/src/arcade-games/know-your-world/customCrops.ts | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/apps/web/src/arcade-games/know-your-world/components/MapRenderer.tsx b/apps/web/src/arcade-games/know-your-world/components/MapRenderer.tsx index 7c987754..ac305b4c 100644 --- a/apps/web/src/arcade-games/know-your-world/components/MapRenderer.tsx +++ b/apps/web/src/arcade-games/know-your-world/components/MapRenderer.tsx @@ -1566,6 +1566,7 @@ export function MapRenderer({ position: 'relative', width: '100%', height: '100%', + flex: 1, // Fill available space in parent flex container display: 'flex', alignItems: 'center', justifyContent: 'center', diff --git a/apps/web/src/arcade-games/know-your-world/customCrops.ts b/apps/web/src/arcade-games/know-your-world/customCrops.ts index 2b3e83ba..8a548b40 100644 --- a/apps/web/src/arcade-games/know-your-world/customCrops.ts +++ b/apps/web/src/arcade-games/know-your-world/customCrops.ts @@ -14,7 +14,7 @@ export interface CropOverrides { export const customCrops: CropOverrides = { world: { - europe: '402.41 97.98 233.00 266.05', + europe: '465.24 257.95 106.49 77.15', } }