From 5a20cfe3a82e9af8bf247705ac42ed4820a82df1 Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Sun, 19 Jan 2020 13:57:34 +0100
Subject: [PATCH] header is responsive

---
 src/styles/base/header.scss | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/styles/base/header.scss b/src/styles/base/header.scss
index 6d1e7b5..95daac6 100644
--- a/src/styles/base/header.scss
+++ b/src/styles/base/header.scss
@@ -8,13 +8,10 @@
   display: flex;
   flex-shrink: 0;
   // padding: 1.6rem 0.64rem;
+  padding: 0 2.5rem;
   position: relative;
   z-index: 1;
 
-  > *:not(sib-widget) {
-    padding: 0 2.5rem;
-  }
-
   #logo {
     flex: 1 1 0;
   }
@@ -58,9 +55,20 @@
       }
     }
   }
+
+  sib-notifications {
+
+    @include breakpoint(sm) {
+      padding: 0;
+    }
+  }
   
   details {
     margin-right: 2.5rem;
+
+    @include breakpoint(sm) {
+      margin-right: 0;
+    }
   
     summary {
   
@@ -142,6 +150,10 @@
           margin-right: 2rem;
           overflow: hidden;
           width: 4.8rem;
+
+          @include breakpoint(sm) {
+            margin-right: 0;
+          }
         }
 
         img {
@@ -246,6 +258,7 @@
 
     @include breakpoint(sm) {
       display: block;
+      padding-left: 0;
     }
   }
 }