fix: squashing minor UI bugs

pattern-lab · Nov 23, 2018 · a8a606c · a8a606c
1 parent 58a786e
commit a8a606c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/packages/uikit-workshop/src/scripts/components/pl-nav/pl-nav.scss b/packages/uikit-workshop/src/scripts/components/pl-nav/pl-nav.scss
@@ -76,6 +76,7 @@ pl-nav {
   padding: 0;
   list-style: none;
   flex-shrink: 0; // helps prevent top-level nav items from occasionally wrapping to multiple lines
+  max-width: 100%; // so content doesn't won't spill out horizontally
   order: 2;
   background-color: inherit; // allows the nav's children inherit from the parent header
 

diff --git a/packages/uikit-workshop/src/scripts/components/pl-tools-menu/pl-tools-menu.scss b/packages/uikit-workshop/src/scripts/components/pl-tools-menu/pl-tools-menu.scss
@@ -2,8 +2,11 @@
     #TOOLS
 \*------------------------------------*/
 
+// vertical align in <pl-header> container
 pl-tools-menu {
   display: flex;
+  flex-direction: column;
+  justify-content: center;
 }
 
 /**