fix(ui): align mobile nav menu items with divider lines

danielnaab · danielnaab · commit ee8ffeb262aa · 2026-05-07T21:08:36.000Z
The mobile nav panel has padding: 1rem, but nav links added an
additional padding-inline: 1rem, causing link text to be inset from
the border separator lines between items. Remove the redundant
inline padding so text aligns flush with the dividers.
diff --git a/src/design-system/components/flex-header/styles.css b/src/design-system/components/flex-header/styles.css
@@ -380,7 +380,7 @@ flex-header {
 
   .flex-header__nav-link {
     padding-block: 0.75rem;
-    padding-inline: 1rem;
+    padding-inline: 0;
   }
 
   .flex-header__nav-link--current::after,

Original file line number	Diff line number	Diff line change
`@@ -380,7 +380,7 @@ flex-header {`
`380`	`380`
`381`	`381`	`.flex-header__nav-link {`
`382`	`382`	`padding-block: 0.75rem;`
`383`		`- padding-inline: 1rem;`
	`383`	`+ padding-inline: 0;`
`384`	`384`	`}`
`385`	`385`
`386`	`386`	`.flex-header__nav-link--current::after,`