Move styling to common css file.

3 files changed, 19 insertions, 7 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;
+    }
diff --git a/uploader/static/css/layout-large.css b/uploader/static/css/layout-large.css
index c40a130..2d53627 100644
--- a/uploader/static/css/layout-large.css
+++ b/uploader/static/css/layout-large.css
@@ -1,13 +1,9 @@
 @media screen and (min-width: 20.1in) {
     body {
-        display: grid;
         grid-template-columns: 7fr 3fr;
-        grid-gap: 1em;
     }
 
     #header {
-        margin: -0.7em; /* Fill entire length of screen */
-
         /* Place it in the parent element */
         grid-column-start: 1;
         grid-column-end: 3;
diff --git a/uploader/static/css/layout-medium.css b/uploader/static/css/layout-medium.css
index 2cca711..bf10563 100644
--- a/uploader/static/css/layout-medium.css
+++ b/uploader/static/css/layout-medium.css
@@ -1,8 +1,6 @@
 @media screen and (width > 8in) and (max-width: 20in) {
     body {
-        display: grid;
         grid-template-columns: 65fr 35fr;
-        grid-gap: 1em;
     }
 
     #header {
@@ -12,7 +10,7 @@
 
         /* Define layout for the children elements */
         display: grid;
-        grid-template-columns: 8fr 2fr;
+        grid-template-columns: 2fr 8fr;
     }
 
     #header #header-text {