use flexbox since the header breaks the map height

2019-07-11 17:38:53 +02:00 · 2019-07-11 17:38:53 +02:00 · fdd2dd1b40
commit fdd2dd1b40
parent d2f524bf90
1 changed files with 11 additions and 4 deletions
--- a/htdocs/css/map.css
+++ b/htdocs/css/map.css
@ -6,10 +6,17 @@
    max-height: 67px;
 }

-html, body, .openwebrx-map {
-    width: 100%;
-    height: 100%;
-    margin: 0;
+body {
+    display: flex;
+    flex-direction: column;
+}
+
+#webrx-top-container {
+    flex: none;
+}
+
+.openwebrx-map {
+    flex: 1 1 auto;
 }

 h3 {