From 076864cd56da1c837e4da921b30ba156218506f7 Mon Sep 17 00:00:00 2001
From: Bachir Soussi Chiadmi <bachir@figureslibres.io>
Date: Tue, 28 Jul 2020 10:31:11 +0200
Subject: [PATCH] bug fix #789: no more columns on desktop

---
 assets/css/base/_grid-flex.scss | 21 +++++++++++++++++++++
 assets/css/base/_layout.scss    |  2 +-
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/assets/css/base/_grid-flex.scss b/assets/css/base/_grid-flex.scss
index 1949146..e632c57 100644
--- a/assets/css/base/_grid-flex.scss
+++ b/assets/css/base/_grid-flex.scss
@@ -18,6 +18,27 @@
   @include row;
 }
 
+// small
+.small-row {
+  @media only screen and (max-width: $small-bp) {
+    @include row;
+  }
+}
+
+// medium
+.med-row {
+  @media only screen and (min-width: $small-bp+1) and (max-width: $med-bp) {
+    @include row;
+  }
+}
+
+// large
+.large-row {
+  @media only screen and (min-width: $med-bp+1) {
+    @include row;
+  }
+}
+
 %col-reset {
     box-sizing: border-box;
 }
diff --git a/assets/css/base/_layout.scss b/assets/css/base/_layout.scss
index 404d8aa..4187bd0 100644
--- a/assets/css/base/_layout.scss
+++ b/assets/css/base/_layout.scss
@@ -26,7 +26,7 @@ body{
   header[role="banner"]{
     flex: 0 0 auto;
     @extend %layout-element;
-    padding:1em $side-padding 0 $side-padding;
+    padding:1em $side-padding 1em $side-padding;
     @media only screen and (max-width: $small-bp) {
       padding:1em $side-padding/2 0 $side-padding/2;
     }