Changes how the GUI looks.

1 files changed, 34 insertions, 3 deletions

diff --git a/src/battlemap/www/style.css b/src/battlemap/www/style.css
index b8f60ff..4044e38 100644
--- a/src/battlemap/www/style.css
+++ b/src/battlemap/www/style.css
@@ -1,15 +1,45 @@
+.battlemap-left-panel
+{
+   flex-grow: 1;
+   min-width: 70%;
+   display: flex;
+   flex-direction: column;
+}
+
+.battlemap-right-panel
+{
+   height: inherit;
+   max-width: 30%;
+
+   display: flex;
+}
+
 .battlemap-container
 {
+   flex-grow: 1;
+   min-height: 70%;
+
    overflow: auto;
    width: inherit;
-   flex: 1;
+}
+
+.battlemap-side-bar
+{
+   flex-grow: 1;
+   overflow-y: auto;
+   width: inherit;
+   height: inherit;
+   word-wrap: break-word;
 }
 
 .battlemap-footer
 {
-   display: flex;
-   flex: 0;
    max-height: 30%;
+
+   overflow-y: auto;
+   width: inherit;
+   word-wrap: break-word;
+   padding-bottom: 1em;
 }
 
 .battlemap-actual
@@ -121,6 +151,7 @@
 .battlemap-tabmenu
 {
    flex: 1;
+   height: inherit;
 }
 
 .battlemap-manual-controls