fix: header client style (#554)

Co-authored-by: NOURELAYNE Salah eddine <[email protected]>
AxaFrance · Oct 11, 2024 · 8c90995 · 8c90995
1 parent e66b0a0
commit 8c90995
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/look-and-feel/css/src/Layout/Header/Header.scss b/look-and-feel/css/src/Layout/Header/Header.scss
@@ -11,7 +11,9 @@
   display: flex;
   width: 100%;
   height: 72px;
-  border-bottom: 1px solid common.$color-gray-1;
+  padding: 0 1rem;
+  border-top: 2px solid common.$color-axa;
+  border-bottom: 1px solid common.$color-gray-300;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
@@ -32,7 +34,6 @@
 .af-logo {
   width: 40px;
   height: 40px;
-  margin: 0 common.$spacing-u1;
   align-self: center;
 }
 
@@ -52,7 +53,7 @@
   .af-header-container {
     width: auto;
     height: 80px;
-    padding: 0 common.$spacing-u4;
+    padding: 0 3.75rem;
     border-top: 2px solid common.$color-axa;
 
     & .af-btn-client > svg {

diff --git a/look-and-feel/css/src/Layout/Header/NavBar/NavBar.scss b/look-and-feel/css/src/Layout/Header/NavBar/NavBar.scss
@@ -20,7 +20,7 @@
     box-sizing: border-box;
     min-width: 8.4rem;
     height: 100%;
-    padding: 1.75rem 1rem;
+    padding: 1.625rem 1.5rem;
     font-family: common.$font-family-base;
     font-size: 1.125rem;
     font-weight: 400;

diff --git a/look-and-feel/css/src/Layout/Header/PreviousLink/PreviousLink.scss b/look-and-feel/css/src/Layout/Header/PreviousLink/PreviousLink.scss
@@ -2,7 +2,7 @@
 
 .af-header-previous-link-container {
   display: flex;
-  padding: 1rem 0 1rem 0.8rem;
+  padding: 1rem 1rem 0;
   align-items: center;
   gap: 0.25rem;
 }
@@ -43,6 +43,6 @@
 
 @media only screen and (width >= #{common.$breakpoint-md}) {
   .af-header-previous-link-container {
-    padding: 1.5rem 0 1.5rem 7.5rem;
+    padding: 1.5rem 0 0 7.5rem;
   }
 }