fix: squashing minor UI bugs

Author: bolt-bot

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
 

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;
 }
 
 /**