From c545b8dcef575ead2e634b29df9524b2790dc8c0 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Je=CC=81re=CC=81my=20Fabre?= <Jeremy@iMac-de-Jeremy.local>
Date: Tue, 8 Nov 2016 12:03:42 +0100
Subject: [PATCH] Fix brief boxes height

---
 .../src/sass/modules/boxes/_brief-box.scss       | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

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 {
-- 
2.39.5