1 files changed, 28 insertions, 9 deletions

diff --git a/frontend/common/app.css b/frontend/common/app.css
index a235507..41aa54e 100644
--- a/frontend/common/app.css
+++ b/frontend/common/app.css
@@ -2,15 +2,17 @@
 html, body {
   margin: 0;
   padding: 0;
-  min-width: 100%;
-  min-height: 100%;
+  width: 100%;
+  height: 100%;
 }
 body {
-  background: #fff;
-  color: #000;
+  background: #000;
+  color: #ddd;
   overflow-y: scroll;
   font-family: 'Roboto', sans-serif;
   font-size: 0.875rem;
+  height: 100%;
+  width: 100%;
 }
 .gray {
   color: #888;
@@ -18,6 +20,21 @@ body {
 
 /* layout */
 
+.container {
+  height: 100%;
+  width: 100%;
+}
+.app {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+}
+.app .body {
+  display: flex;
+  flex-grow: 1;
+}
+
 .row {
   display: flex;
   flex-direction: row;
@@ -30,9 +47,7 @@ body {
 .row > div:last-child {
   margin-right: 0;
 }
-.body section > div:last-child {
-  flex-grow: 1;
-}
+
 
 .row.menubar {
   justify-content: flex-end;
@@ -59,7 +74,7 @@ header {
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
-  background: #11f;
+  background: rgba(64,64,64,0.5);
   color: white;
 }
 header b {
@@ -151,8 +166,12 @@ p {
 
 /* links */
 
+b {
+  color: #fff;
+}
 a {
-  color: #11f;
+  text-decoration: underline;
+  color: #8df;
 }
 
 /* menu button */