fix: adjust default spacing on new priority nav component + set posit…

…ion relative so dropdown is consistently positioned
boltdesignsystem · May 25, 2018 · a1dd991 · a1dd991
1 parent 5e8c7ea
commit a1dd991
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/components/bolt-priority-nav/priority-nav.scss b/packages/components/bolt-priority-nav/priority-nav.scss
@@ -7,6 +7,9 @@
 
 bolt-priority-nav {
   display: block;
+  position: relative;
+  align-self: center;
+  padding-bottom: var(--bolt-vspacing);
 
   @supports (display: contents) {
     @media screen and (max-width: #{bolt-breakpoint(xsmall)}) {
@@ -34,7 +37,6 @@ bolt-priority-nav {
     }
   }
 
-  position: relative;
 
   &:not(.is-ready) {
     // @TODO: uncomment once themify updates are merged in
@@ -138,11 +140,15 @@ bolt-priority-nav {
   white-space: nowrap;
 }
 
+// required so the dropdown can be positioned consistently
+.c-bolt-priority-nav__show-more {
+  position: relative;
+}
 
 
 
 
- @supports (display: contents) {
+@supports (display: contents) {
    .c-bolt-priority-nav__show-more {
      @media screen and (max-width: #{bolt-breakpoint(xsmall)}) {
        display: contents;