Reduce the global margins when the screen is smaller than 900 pixels.

diff --git a/app/static/src/sass/layout/_global.scss b/app/static/src/sass/layout/_global.scss
index 50eaf24b555f2342a7b62487b4a31c41f531b458..2f310228e883531e829e79d17ff20d75b1187604 100755 (executable)
--- a/app/static/src/sass/layout/_global.scss
+++ b/app/static/src/sass/layout/_global.scss
@@ -1,6 +1,12 @@
 .main {
     @include margin(3 0 0 0);
     @include padding(1 0 0 0);
+
+    @media screen and (max-height: 900px) {
+
+        @include margin(.5 0 0 0);
+
+    }
 }
 
 #container {

diff --git a/app/static/src/sass/modules/_page.scss b/app/static/src/sass/modules/_page.scss
index afc8735c93a23766551ef5bc6eb231b24ea21c09..fe13ba5c0d8a1b21ec28b0d91200763a5a6ca742 100644 (file)
--- a/app/static/src/sass/modules/_page.scss
+++ b/app/static/src/sass/modules/_page.scss
@@ -85,6 +85,12 @@ $module: ".page";
 
         @include margin(0 0 6 0);
 
+        @media screen and (max-height: 900px) {
+
+            @include margin(0 0 3 0);
+
+        }
+
     }
 
     hr + #{$module}__block--yellow {