Attempts to fix the CSS...

1 files changed, 22 insertions, 11 deletions

diff --git a/src/battlemap/www/index.html b/src/battlemap/www/index.html
index 35c7e75..1c4969d 100644
--- a/src/battlemap/www/index.html
+++ b/src/battlemap/www/index.html
@@ -16,12 +16,32 @@
          left: 0;
       }
 
+      .battlemap
+      {
+         display: flex;
+         flex-flow: column;
+         align-content: stretch;
+         justify-content: stretch;
+      }
+
+      .battlemap-header
+      {
+         text-align: center;
+         flex: 0;
+      }
+
       .battlemap-container
       {
          overflow: auto;
-         resize: vertical;
          width: inherit;
-         height: 70%;
+         flex: 1;
+      }
+
+      .battlemap-footer
+      {
+         display: flex;
+         flex: 0;
+         max-height: 30%;
       }
 
       .battlemap-actual
@@ -142,23 +162,14 @@
          content: "x";
       }
 
-      .battlemap-footer
-      {
-         display: flex;
-      }
 
       .battlemap-footer-tabmenu
       {
          flex: 1;
-
-         display: flex;
-         flex-direction: column;
       }
 
       .battlemap-footer-tabmenu-selector
       {
-         flex: 1;
-
          display: flex;
          flex-direction: row;
          justify-content: space-between;