Move styling to common css file.

1 files changed, 18 insertions, 0 deletions

diff --git a/uploader/static/css/layout-common.css b/uploader/static/css/layout-common.css
index 36a5735..88e580c 100644
--- a/uploader/static/css/layout-common.css
+++ b/uploader/static/css/layout-common.css
@@ -1,3 +1,21 @@
 * {
     box-sizing: border-box;
 }
+
+    body {
+        display: grid;
+        grid-gap: 1em;
+    }
+
+    #header {
+        margin: -0.7em; /* Fill entire length of screen */
+        /* Define layout for the children elements */
+        display: grid;
+    }
+
+    #header #header-nav {
+        /* Place it in the parent element */
+        grid-column-start: 1;
+        grid-column-end: 2;
+        display: flex;
+    }