From 52538c4fa63fd6ba6dc6545b5a01949ed84fe57c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Laura=20Kl=C3=BCnder?= <laura@codingcatgirl.de>
Date: Wed, 6 Dec 2017 23:56:50 +0100
Subject: [PATCH] use more flexbox on the site

---
 src/c3nav/site/static/site/css/c3nav.css | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/c3nav/site/static/site/css/c3nav.css b/src/c3nav/site/static/site/css/c3nav.css
index 3d9f9db6..998f4f73 100644
--- a/src/c3nav/site/static/site/css/c3nav.css
+++ b/src/c3nav/site/static/site/css/c3nav.css
@@ -1,15 +1,13 @@
 body {
-    margin-top: 58px;
     font-weight: normal;
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
 }
 
 header {
-    position: fixed;
-    left: 0;
-    right: 0;
-    top: 0;
-    height: 50px;
     padding: 10px;
+    height: 50px;
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -45,14 +43,13 @@ input {
     user-select: none;
 }
 
+main {
+    flex-grow: 1;
+}
 main.map {
-    position: absolute;
-    left: 0;
-    top: 50px;
-    right: 0;
-    bottom: 0;
     /*noinspection CssUnknownTarget*/
     background: url('../../img/loader.gif') no-repeat center;
+    position: relative;
 }
 #map {
     position: absolute;