Fix navbar longer submenu items

source/_patterns/02-organisms/00-global/navbar.mustache

@@ -28,7 +28,11 @@
                 <a href="#" data-href="{{ link.templates-homepage }}" class="navbar-menu__link">Hlavní strana</a>
               </li>
               <li class="navbar-menu__item">
-                <a href="#" data-href="{{ link.templates-people }}" class="navbar-menu__link">Lidé</a>
+                <ui-navbar-subitem label="Lidé" href="{{ link.templates-people }}">
+                  <ul class="navbar-menu__submenu">
+                    <li><a href="#" class="navbar-menu__link">Delší link co je delší než hlavní menu položka</a></li>
+                  </ul>
+                </ui-navbar-subtitem>
               </li>
               <li class="navbar-menu__item">
                 <ui-navbar-subitem label="Aktuality" href="{{ link.templates-article-listing }}">

source/css/organisms/navbar.pcss

@@ -44,12 +44,16 @@
   @apply block;
 }
 
+.navbar-menu__item:hover ~.navbar-menu__item {
+  z-index: 0;
+}
+
 .navbar-menu__link {
   @apply text-xl font-condensed uppercase leading-loose cursor-pointer;
 }
 
 .navbar-menu__submenu .navbar-menu__link {
-  @apply text-lg text-grey-200 font-body normal-case leading-normal pl-4;
+  @apply text-lg text-grey-200 font-body normal-case leading-normal pl-4 whitespace-no-wrap;
 }
 
 .navbar-menu__link,