From 4ef5debe1900c03c9e93c9fa7ce83d1ca3ea0700 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Sun, 5 Dec 2021 23:15:15 +0100
Subject: [PATCH] reseaux sociaux 2

---
 web/themes/custom/eql/css-compiled/styles.css    | 9 ++++++---
 web/themes/custom/eql/scss/partials/_header.scss | 6 +++++-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css
index 84a695b..cf8e80d 100644
--- a/web/themes/custom/eql/css-compiled/styles.css
+++ b/web/themes/custom/eql/css-compiled/styles.css
@@ -865,9 +865,11 @@ header {
     flex-direction: row;
     padding: 1rem;
     padding-left: 4%;
-    align-items: start;
+    align-items: center;
     color: black;
-    font-weight: 800; }
+    font-weight: 800;
+    flex: 1;
+    justify-content: space-between; }
     #header-top .region-header-top-left #block-logogouv {
       display: flex;
       height: 100%;
@@ -922,7 +924,8 @@ header {
     position: relative;
     top: -33px; }
     #header-top #block-socialnetwork-2 .field--name-body {
-      min-height: 75px; }
+      min-height: 75px;
+      margin-right: 1rem; }
     #header-top #block-socialnetwork-2 p {
       display: flex;
       flex-direction: row-reverse;
diff --git a/web/themes/custom/eql/scss/partials/_header.scss b/web/themes/custom/eql/scss/partials/_header.scss
index 9bd51a6..9b4242a 100644
--- a/web/themes/custom/eql/scss/partials/_header.scss
+++ b/web/themes/custom/eql/scss/partials/_header.scss
@@ -29,9 +29,11 @@ header{
         flex-direction: row;
         padding: 1rem;
         padding-left: 4%;
-        align-items:start;  
+        align-items:center;  
         color: $black;  
         font-weight: 800;
+        flex: 1;
+        justify-content: space-between;
 
         #block-logogouv{
             display: flex;
@@ -124,7 +126,9 @@ header{
         // display: none;
         .field--name-body{
             min-height: 75px;
+            margin-right: 1rem;
         }
+        
             p{
                 display: flex;
                 flex-direction: row-reverse;