about summary refs log tree commit diff
path: root/uploader/static/css/layout-small.css
diff options
context:
space:
mode:
Diffstat (limited to 'uploader/static/css/layout-small.css')
-rw-r--r--uploader/static/css/layout-small.css21
1 files changed, 11 insertions, 10 deletions
diff --git a/uploader/static/css/layout-small.css b/uploader/static/css/layout-small.css
index 3a7d18f..2e47217 100644
--- a/uploader/static/css/layout-small.css
+++ b/uploader/static/css/layout-small.css
@@ -1,12 +1,8 @@
-* {
-    box-sizing: border-box;
-}
-
 @media screen and (max-width: 8in) {
     body {
         display: grid;
         grid-template-columns: 1fr;
-        grid-template-rows: 1fr 2fr 7fr;
+        grid-template-rows: 1fr 90fr;
         grid-gap: 1em;
     }
 
@@ -35,6 +31,11 @@
         grid-column-end: 2;
     }
 
+    #header #header-nav ul {
+        display: grid;
+        grid-template-columns: 1fr;
+    }
+
     #main {
         /* Place it in the parent element */
         grid-column-start: 1;
@@ -42,7 +43,7 @@
         display: grid;
 
         /* Define layout for the children elements */
-        grid-template-rows: 1.5em 80% 20%;
+        grid-template-rows: 1fr 80fr 20fr;
         grid-template-columns: 1fr;
     }
 
@@ -53,12 +54,12 @@
     }
 
     #main #main-content {
-        grid-row-start: 3;
-        grid-row-end: 4;
+        grid-row-start: 2;
+        grid-row-end: 3;
     }
 
     #main #sidebar-content {
-        grid-row-start: 2;
-        grid-row-end: 3;
+        grid-row-start: 3;
+        grid-row-end: 4;
     }
 }