Re-structure navbar

assets/js/components/Navbar.vue

@@ -1,6 +1,5 @@
 <template>
-    <div role="banner">
-        <header class="container mx-auto px-4">
+  <div>
     <div class="sm:flex">
       <div class="w-full sm:w-1/3 lg:w-1/4 flex items-center">
         <div class="w-3/4 py-5">
@@ -33,7 +32,6 @@
         </a>
       </nav>
     </div>
-        </header>
   </div>
 </template>
 

source/_partials/layout/navbar.html.twig

@@ -1,7 +1,12 @@
 <div class="border-bottom border-b border-grey-light mb-6">
-    <div class="container mx-auto v-cloak-block">
-        <div class="block py-5">{{ site.title }}</div>
+    <div class="container mx-auto">
+        <div class="block py-5 v-cloak-block">
+            {{ site.title }}
         </div>
 
-    <navbar site-name="{{ site.title }}" page-url="{{ page.url }}"></navbar>
+        <navbar
+            site-name="{{ site.title }}"
+            page-url="{{ page.url }}"
+        ></navbar>
+    </div>
 </div>