Move sidebar down on mobile

umonkey · Apr 1, 2024 · a54dbe1 · a54dbe1
1 parent 7abd60a
commit a54dbe1
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/frontend/src/components/pages/HomePage/styles.css b/frontend/src/components/pages/HomePage/styles.css
@@ -12,5 +12,17 @@
 
 .SideBar {
   z-index: 2;
-  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
+  box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 15px 5px, rgba(0, 0, 0, 0.3) 0px 0px 15px 5px;
+}
+
+@media (orientation: portrait) {
+  .HomePage {
+    flex-direction: column;
+  }
+
+  .HomePage .map, .HomePage .SideBar {
+    flex-basis: 50%;
+    flex-grow: 1;
+    width: 100%;
+  }
 }