mobile header

web/themes/custom/reha/css/reha.css

@@ -215,7 +215,7 @@ header {
         object-fit: contain; }
       @media (max-width: 891px) {
         header .region-header #block-reha-logoministere {
-          width: 150px;
+          width: 10%;
           padding-left: 1rem; } }
     header .region-header #block-reha-logoreha {
       display: none;
@@ -234,6 +234,10 @@ header {
       display: flex;
       flex-direction: column;
       height: fit-content; }
+      @media (max-width: 891px) {
+        header .region-header #block-reha-connexionutilisateur {
+          width: 10%;
+          padding-left: 1rem; } }
       header .region-header #block-reha-connexionutilisateur .bouton-connexion {
         padding-right: 3rem; }
         header .region-header #block-reha-connexionutilisateur .bouton-connexion :before {

web/themes/custom/reha/scss/partials/_header.scss

@@ -32,7 +32,7 @@ header{
                     object-fit: contain;
                 }
             @media (max-width:891px) {
-                width: 150px;
+                width: 10%;
                 padding-left: 1rem;
             }   
             
@@ -55,17 +55,25 @@ header{
         }
 
         #block-reha-connexionutilisateur{
+             
+            
             grid-column: 9;
+            display: flex;
+            flex-direction: column;
+            height: fit-content;
+            @media (max-width:891px) {
+                width: 10%;
+                padding-left: 1rem;
+            }
+            
             .bouton-connexion{
                 padding-right: 3rem;
                 :before{
                     content: url(../images/noun-contact-2495375.svg);
                     padding-right: 1rem;
                 }
+                
             }
-            display: flex;
-            flex-direction: column;
-            height: fit-content;
             .connexion{
                 height: 0; /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */
                 width: 100%;