fix(style): avoid menu items wrapping

Fixes the menu item wrapping by adjusting the margin between items and using a flex box on the parent element.
SRGSSR · Mar 23, 2024 · 594a062 · 594a062
1 parent 88d6c6a
commit 594a062
Showing 1 changed file with 1 addition and 8 deletions.
diff --git a/src/layout/header/demo-header-component.scss b/src/layout/header/demo-header-component.scss
@@ -4,10 +4,6 @@ ul, li {
   list-style: none;
 }
 
-li {
-  display: inline-block;
-}
-
 route-link::part(a) {
   padding: var(--size-1) var(--size-2);
   font-size: var(--size-4);
@@ -43,13 +39,10 @@ core-demo-header {
 }
 
 nav ul {
+  display: flex;
   margin-bottom: var(--size-4);
 
   li {
-    margin-right: var(--size-1);
-  }
-
-  li:last-child {
     margin: 0;
   }
 }