From: Jérémy Fabre <Jeremy@iMac-de-Jeremy.local>
Date: Tue, 11 Oct 2016 14:29:21 +0000 (+0200)
Subject: Reduce the global margins when the screen is smaller than 900 pixels.
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=a61e350c9852bda76c0d51cf73233a05a73ede8a;p=mezzo.git

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 50eaf24b..2f310228 100755
--- 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 afc8735c..fe13ba5c 100644
--- 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 {