Enable flex display settings

fsphil · Apr 2, 2021 · 4f04440 · 4f04440
1 parent e18b919
commit 4f04440
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/auto_rx/autorx/static/css/main.css b/auto_rx/autorx/static/css/main.css
@@ -35,7 +35,7 @@ body {
 }
 
 .settings {
-  height: 100vh;
+  height: 100%;
   width: 0;
   position: fixed;
   z-index: 1;
@@ -46,6 +46,9 @@ body {
   transition: 0.5s;
   padding-top: 20px;
   text-align: centre;
+  flex: auto;
+  display: flex;
+  flex-direction: column;
 }
 
 .settings form {
@@ -64,7 +67,9 @@ body {
 }
 
 .scrollsettings {
-  height: 80vh;
+  flex: auto;
+  display: flex;
+  flex-direction: column;
   overflow-y: scroll;
   -ms-overflow-style: none;
   scrollbar-width: none;
@@ -118,7 +123,6 @@ body {
   color: white;
 }
 
-
 .footer {
   font-size: 15px;
   color: white;