From aaea470924d38f01d77e88f1fa562f2f5198ae49 Mon Sep 17 00:00:00 2001
From: Krecik <przemyslaw.koroscik@gmail.com>
Date: Wed, 4 Nov 2020 12:47:37 +0100
Subject: [PATCH] fix(default-theme): fixed navigations links alignment (#1220)

---
 packages/default-theme/src/components/SwMegaMenu.vue   | 10 +++++++++-
 .../default-theme/src/components/SwTopNavigation.vue   |  7 +++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/packages/default-theme/src/components/SwMegaMenu.vue b/packages/default-theme/src/components/SwMegaMenu.vue
index bd6ee9e6f..85ce8235a 100644
--- a/packages/default-theme/src/components/SwMegaMenu.vue
+++ b/packages/default-theme/src/components/SwMegaMenu.vue
@@ -7,9 +7,9 @@
   >
     <div class="sw-mega-menu__content">
       <div
-        class="sw-mega-menu__content-section"
         v-for="subcategory in category.children"
         :key="subcategory.name"
+        class="sw-mega-menu__content-section"
         data-cy="mega-menu-category"
       >
         <nuxt-link
@@ -101,6 +101,14 @@ export default {
           }
         }
       }
+
+      ::v-deep .sf-heading {
+        text-align: left;
+      }
+
+      .sf-header__link {
+        text-align: left;
+      }
     }
 
     .sf-heading {
diff --git a/packages/default-theme/src/components/SwTopNavigation.vue b/packages/default-theme/src/components/SwTopNavigation.vue
index 8e1ded5cd..422706343 100644
--- a/packages/default-theme/src/components/SwTopNavigation.vue
+++ b/packages/default-theme/src/components/SwTopNavigation.vue
@@ -182,6 +182,11 @@ export default {
   --c-link-hover: var(--_c-green-primary);
   --heading-title-font-line-height: 24px;
 
+  ::v-deep .sf-menu-item__label {
+    text-align: left;
+    width: 100%;
+  }
+
   .sw-overlay {
     --overlay-z-index: 1;
   }
@@ -190,9 +195,11 @@ export default {
     ::v-deep .sf-header {
       display: flex;
       justify-content: space-between;
+
       &__sticky-container {
         width: 100%;
       }
+
       &__navigation {
         flex: 0 0 calc(100% - 20rem);
       }