fix(css): address ui issues from review

Changes to be committed: modified: src/style-base.scss modified: src/style-menuoption.scss
AlaskaAirlines · Jan 22, 2022 · bfe54ff · bfe54ff
1 parent c76776d
commit bfe54ff
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/style-base.scss b/src/style-base.scss
@@ -20,7 +20,7 @@
   vertical-align: middle;
 
   ::slotted(auro-menuoption) {
-    padding-left: var(--auro-size-xl);
+    padding-left: calc(var(--auro-size-sm) + 24px + var(--auro-size-xs));
   }
 
   ::slotted([selected]) {
@@ -35,7 +35,7 @@
     height: 0 !important;
     box-sizing: content-box !important;
     border-width: 0 !important;
-    border-top: 1px solid var(--auro-color-border-primary-on-light) !important;
+    border-top: 1px solid var(--auro-color-border-divider-on-light) !important;
     margin: var(--auro-size-xs) 0 !important;
   }
 }
diff --git a/src/style-menuoption.scss b/src/style-menuoption.scss
@@ -6,11 +6,13 @@
 @import './../node_modules/@alaskaairux/design-tokens/dist/tokens/SCSSVariables';
 @import './../node_modules/@alaskaairux/webcorestylesheets/dist/breakpoints';
 
+/* stylelint-disable declaration-no-important */
 :host {
   display: flex;
   align-items: center;
   padding: var(--auro-size-xxs) var(--auro-size-md) var(--auro-size-xxs) 0;
   cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
 
   slot {
     display: block;
@@ -21,6 +23,8 @@
 
   svg {
     margin-right: var(--auro-size-xs);
+    margin-left: var(--auro-size-sm);
+    fill: var(--auro-color-icon-primary-on-light) !important;
   }
 }
 
@@ -34,7 +38,7 @@
   color: var(--auro-color-base-white);
 
   svg {
-    fill: var(--auro-color-base-white);
+    fill: var(--auro-color-base-white) !important;
   }
 }