From 13ee41fb22a01b527b2dc066e82af3f6647a1a27 Mon Sep 17 00:00:00 2001
From: Kari Salminen <kari.salminen@anders.com>
Date: Thu, 11 Apr 2024 11:12:21 +0300
Subject: [PATCH] fix: fix margin only in header navigation menu's top level
 buttons

refs LIIKUNTA-627
---
 .../src/components/navigation/navigation.module.scss | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/components/src/components/navigation/navigation.module.scss b/packages/components/src/components/navigation/navigation.module.scss
index eb6451646..c38465063 100644
--- a/packages/components/src/components/navigation/navigation.module.scss
+++ b/packages/components/src/components/navigation/navigation.module.scss
@@ -3,7 +3,15 @@
   a:hover > span {
     color: var(--colors-white);
   }
-  button {
-    margin: 0 0 0 var(--spacing-s) !important;
+
+  // Match only the header navigation menu,
+  // e.g. "HeaderNavigationMenu-module_headerNavigationMenu__3G6-N"
+  // in order to exclude header action bar with language selector & header universal bar
+  nav[class*='HeaderNavigationMenu'] {
+    // Match only top level buttons in header navigation menu,
+    // e.g. "HeaderLinkDropdown-module_depth-0__Xeyks"
+    button[class*='depth-0'] {
+      margin: 0 0 0 var(--spacing-s) !important;
+    }
   }
 }