Fix heights (temp patch, should be flexible)

3 files changed, 8 insertions, 8 deletions

diff --git a/src/frontend/app/root.css b/src/frontend/app/root.css
index 689b48e..89da67a 100644
--- a/src/frontend/app/root.css
+++ b/src/frontend/app/root.css
@@ -37,7 +37,7 @@ body {
 
   display: flex;
   flex-direction: column;
-  height: 100vh;
+  height: 100dvh;
   width: 100%;
   overflow: hidden;
 }
diff --git a/src/frontend/app/routes/map.css b/src/frontend/app/routes/map.css
index 3af112a..115df46 100644
--- a/src/frontend/app/routes/map.css
+++ b/src/frontend/app/routes/map.css
@@ -1,6 +1,6 @@
 /* Map page specific styles */
 .map-container {
-    height: calc(100vh - 140px);
+    height: calc(100dvh - 140px);
     margin: -16px;
     margin-bottom: 1rem;
     position: relative;
@@ -12,7 +12,7 @@
     top: 0;
     left: 0;
     width: 100vw;
-    height: 100vh;
+    height: 100dvh;
     padding: 0;
     margin: 0;
     max-width: none;
@@ -28,7 +28,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    height: 100vh;
+    height: 100dvh;
     width: 100vw;
     font-size: 1.8rem;
     font-weight: 600;
@@ -83,4 +83,4 @@
 
 .popup-link:hover {
     text-decoration: underline;
-}
\ No newline at end of file
+}
diff --git a/src/frontend/app/routes/stoplist.css b/src/frontend/app/routes/stoplist.css
index d65e048..253c0ab 100644
--- a/src/frontend/app/routes/stoplist.css
+++ b/src/frontend/app/routes/stoplist.css
@@ -123,7 +123,7 @@
 
 /* Map page specific styles */
 .map-container {
-  height: calc(100vh - 140px);
+  height: calc(100dvh - 140px);
   margin: -16px;
   margin-bottom: 1rem;
   position: relative;
@@ -135,7 +135,7 @@
   top: 0;
   left: 0;
   width: 100vw;
-  height: 100vh;
+  height: 100dvh;
   padding: 0;
   margin: 0;
   max-width: none;
@@ -151,7 +151,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  height: 100vh;
+  height: 100dvh;
   width: 100vw;
   font-size: 1.8rem;
   font-weight: 600;