reseaux sociaux 2

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;

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;