Fix header alignment of the sections (#261)

kitconcept · Nov 16, 2023 · ed020cd · ed020cd
1 parent 3f1e68f
commit ed020cd
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/news/261.bugfix b/news/261.bugfix
@@ -0,0 +1 @@
+Fix header alignment of the sections @sneridagh
diff --git a/src/theme/_header.scss b/src/theme/_header.scss
@@ -5,19 +5,21 @@
   .logo-nav-wrapper {
     display: flex;
     flex-direction: row;
-    flex-grow: 2;
     align-items: baseline;
     justify-content: space-between;
     padding-top: 25px;
     padding-bottom: 35px;
 
     .logo {
+      flex: 1 1 0;
       align-self: center;
     }
 
     .navigation {
       display: flex;
+      flex: 3.5 1 0;
       align-self: center;
+      justify-content: center;
 
       @media only screen and (max-width: 1021px) {
         display: none;
@@ -34,6 +36,7 @@
           font-size: 18px;
           font-weight: 600;
           line-height: 24px;
+          text-align: center;
         }
       }
 
@@ -61,6 +64,7 @@
 
   .search-wrapper {
     display: flex;
+    flex: 1 1 0;
     flex-direction: row-reverse;
 
     @media only screen and (max-width: 1021px) {
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		Fix header alignment of the sections @sneridagh