Use proper layout for search results

layouts/searchResults.vue

 <template>
   <v-app>
     <Notifications />
-    <MainAppBar :permanently-pinned="true">
-      <template #logo>
-        <Logo />
-      </template>
-    </MainAppBar>
-    <v-main class="lowered">
-      <nuxt />
+    <EubopenAppBar />
+    <v-main class="main-app-content">
+      <v-container fluid>
+        <nuxt />
+      </v-container>
     </v-main>
     <Footer />
     <DataProtectionBanner />
@@ -15,24 +13,22 @@
 </template>
 
 <script>
-import MainAppBar from '~/web-components-submodule/components/common/Masthead/MainAppBar.vue'
+import EubopenAppBar from '~/components/Masthead/EubopenAppBar.vue'
 import Footer from '~/components/footer/Footer.vue'
 import Notifications from '~/web-components-submodule/components/common/Notifications.vue'
-import Logo from '~/components/Logo.vue'
 import DataProtectionBanner from '~/components/DataProtectionBanner.vue'
 
 export default {
   components: {
-    MainAppBar,
+    EubopenAppBar,
     Footer,
     Notifications,
-    Logo,
     DataProtectionBanner,
   },
 }
 </script>
-<style scoped>
-.lowered {
-  margin-top: 80px;
+<style lang="scss" scoped>
+.main-app-content {
+  min-height: 70vh;
 }
 </style>

pages/search/_term.vue

@@ -14,7 +14,7 @@ export default {
   components: {
     FreeTextResults,
   },
-  layout: 'default',
+  layout: 'searchResults',
   computed: {
     searchTerm() {
       let searchTerm = this.$route.params.term