From 486116c9794da933da3eeb0b29900cc4aac2b3d5 Mon Sep 17 00:00:00 2001
From: Andrew Noblet <andrewbnoblet@gmail.com>
Date: Tue, 17 Dec 2024 16:32:05 +0000
Subject: [PATCH] fix(cxl-ui): cxl-marketing-nav menu bar button alignment on
 desktop

https://app.clickup.com/t/86b2hv84w
---
 packages/cxl-ui/scss/cxl-marketing-nav.scss | 23 ++++++++++-----------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/packages/cxl-ui/scss/cxl-marketing-nav.scss b/packages/cxl-ui/scss/cxl-marketing-nav.scss
index bd296d79..5a4be14d 100644
--- a/packages/cxl-ui/scss/cxl-marketing-nav.scss
+++ b/packages/cxl-ui/scss/cxl-marketing-nav.scss
@@ -11,7 +11,13 @@
   }
 
   ::part(overflow-button) {
+    padding-right: 0;
+    margin-right: 0;
     margin-left: auto;
+
+    &::before {
+      background-color: unset;
+    }
   }
 
   nav {
@@ -22,7 +28,7 @@
     width: 100%;
     max-width: 100vw;
     min-height: var(--cxl-marketing-nav-min-height, 44px);
-    padding: 0 var(--lumo-space-m);
+    padding: 0 var(--cxl-wrap-padding, none);
     overflow: hidden;
 
     &:not([wide]) {
@@ -33,20 +39,10 @@
       .container {
         justify-content: space-between;
 
-        .cxl-logo{
-          margin-left: 0;
-          padding-left: 0;
-        }
-
         .search-button {
           width: 140px;
           color: var(--lumo-shade);
         }
-
-        vaadin-menu-bar::part(overflow-button) {
-          margin-right: 0;
-          padding-right: 0;
-        }
       }
     }
 
@@ -59,6 +55,8 @@
       /* stylelint-disable-next-line selector-no-qualifying-type */
       vaadin-menu-bar-button.cxl-logo {
         min-width: auto;
+        padding-left: 0;
+        margin-left: 0;
       }
     }
 
@@ -83,7 +81,8 @@
     }
 
     /* stylelint-disable-next-line selector-no-qualifying-type */
-    &#menu-global-items, &#menu-primary-items {
+    &#menu-global-items,
+    &#menu-primary-items {
       background-color: var(--lumo-base-color);
       border-bottom: 1px solid var(--lumo-shade-5pct);
     }