From cd6a5d092cdc923e821ef53ec9fbabe6dedabf22 Mon Sep 17 00:00:00 2001
From: Tudor <tudor@sitaru.org>
Date: Mon, 30 Mar 2026 09:29:12 +0100
Subject: [PATCH] feat(map): make desktop map view taller using viewport height

Replace fixed 480px height with calc(100vh - 280px) so the map
fills most of the viewport on any screen size, clamped between
520px and 800px.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 nextjs-app/components/HomeView.module.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/nextjs-app/components/HomeView.module.css b/nextjs-app/components/HomeView.module.css
index 01e0670..ecaaebf 100644
--- a/nextjs-app/components/HomeView.module.css
+++ b/nextjs-app/components/HomeView.module.css
@@ -84,7 +84,9 @@
   display: grid;
   grid-template-columns: 1fr 340px;
   gap: 1rem;
-  height: 480px;
+  height: calc(100vh - 280px);
+  min-height: 520px;
+  max-height: 800px;
 }
 
 .mapContainer {