From 3548a686e95eb0899740e4f9a7d40dcba5dfafb2 Mon Sep 17 00:00:00 2001
From: AT <mail@antontranelis.de>
Date: Tue, 23 May 2023 09:29:39 +0200
Subject: [PATCH] fix for mobile devices

---
 src/App.css                | 4 ++--
 src/pages/MapContainer.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/App.css b/src/App.css
index aa6edcfc..d67e6d36 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,10 +1,10 @@
 .App {
   width: 100vw;
-  height: 100vh;
+  height: 100dvh;
 }
 
 #app-content  {
-  height: calc(100vh - 64px);
+  height: calc(100dvh - 64px);
 }
 
 .Toastify__toast-container--top-right {
diff --git a/src/pages/MapContainer.tsx b/src/pages/MapContainer.tsx
index ee30470d..1421376c 100644
--- a/src/pages/MapContainer.tsx
+++ b/src/pages/MapContainer.tsx
@@ -11,7 +11,7 @@ function MapContainer() {
   
   return (
       
-      <UtopiaMap zoom={5} height='calc(100vh - 64px)' width="100%">
+      <UtopiaMap zoom={5} height='calc(100dvh - 64px)' width="100%">
         <Layer
           name='events'
           menuIcon='CalendarIcon'