From: Jérémy Fabre <Jeremy@iMac-de-Jeremy.local>
Date: Tue, 8 Nov 2016 11:03:42 +0000 (+0100)
Subject: Fix brief boxes height
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=c545b8dcef575ead2e634b29df9524b2790dc8c0;p=mezzo.git

Fix brief boxes height
---

diff --git a/app/static/src/sass/modules/boxes/_brief-box.scss b/app/static/src/sass/modules/boxes/_brief-box.scss
index 853c509b..62afb610 100644
--- a/app/static/src/sass/modules/boxes/_brief-box.scss
+++ b/app/static/src/sass/modules/boxes/_brief-box.scss
@@ -31,14 +31,18 @@ $module: ".brief-box";
         margin: 0 auto;
         color: $brief-box-color;
 
-        @include margin-top(5);
+        @include margin-top(4);
         @include margin-bottom(1);
 
-        @include font-size(xl);
+        @include font-size(l);
         @include line-height(1.25);
         @include typeface(serif);
         font-weight: weight(heavy);
 
+        @include mq($until: lg) {
+            @include margin-top(2);
+        }
+
     }
 
     &__desc {
@@ -49,7 +53,7 @@ $module: ".brief-box";
 
         @include margin-bottom(1);
 
-        @include font-size(xl);
+        @include font-size(l);
         @include line-height(1.25);
         @include typeface(serif);
         font-weight: weight(light);
@@ -61,9 +65,13 @@ $module: ".brief-box";
         @extend .button;
         @extend .button--small;
 
-        @include margin-bottom(5);
+        @include margin-bottom(4);
         margin-right: 0;
 
+        @include mq($until: lg) {
+            @include margin-bottom(2);
+        }
+
     }
 
     &--black {