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 853c509b0d085c425712d44d7fc25f350b5a2146..62afb61038b8250131472a65886a0a4d1b081b06 100644 (file)
--- 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 {