Fix fullscreen controls

2022-01-23 19:39:36 -05:00
parent c031524bd4
commit 7b5cc02993
3 changed files with 35 additions and 17 deletions
--- a/styles/Map.module.css
+++ b/styles/Map.module.css
@@ -11,14 +11,16 @@
  height: 100%;
 }

-.map-wrapper-sidebar-open {
-  margin-left: 300px;
+.map-wrapper-sidebar-open .map-container {
+  width: calc(100% - 300px);
+  left: 300px;
 }

@media only screen and (max-width: 600px) {
-  .map-wrapper-sidebar-open {
-    margin-left: initial;
-    margin-bottom: 45%;
-    height: 55%;
+  .map-wrapper-sidebar-open .map-container {
+    height: calc(100% - 45%);
+    width: 100%;
+    left: 0;
+    bottom: 45%;
  }
 }
--- a/styles/Sidebar.module.css
+++ b/styles/Sidebar.module.css
@@ -9,6 +9,7 @@
  width: 300px;
  padding: 12px;
  border-right: 1px solid #222222;
+  font-size: 0.875rem;
 }

@media only screen and (max-width: 600px) {