EUbOPEN: change layout to comply to IMI communication guidelines

components/Masthead/Toolbar.vue

 <template>
-  <div class="eubopen-bar">
+  <div class="primary main-menu-container">
     <v-container>
       <v-row>
-        <v-col cols="12"> Tools </v-col>
+        <v-col
+          cols="2"
+          sm="5"
+          class="d-flex justify-center justify-sm-start align-center"
+        >
+          <LinksMenuMobile v-if="isMobile" />
+          <LinksMenu v-else />
+        </v-col>
+        <v-col cols="10" sm="7" class="d-flex justify-end align-center">
+          <EubOPENSearchBar />
+        </v-col>
       </v-row>
     </v-container>
   </div>
 </template>
 
 <script>
-export default {}
+import LinksMenuMobile from '~/components/Masthead/LinksMenuMobile.vue'
+import EubOPENSearchBar from '~/components/Masthead/EubOPENSearchBar.vue'
+import LinksMenu from '~/components/Masthead/LinksMenu.vue'
+export default {
+  components: {
+    LinksMenuMobile,
+    EubOPENSearchBar,
+    LinksMenu,
+  },
+  computed: {
+    isMobile() {
+      return this.$vuetify.breakpoint.xs
+    },
+  },
+}
 </script>
 
-<style lang="scss" scoped>
-.eubopen-bar {
-  background-color: $eubopen-primary-color;
-}
-</style>
+<style lang="scss" scoped></style>

layouts/default.vue

@@ -6,7 +6,7 @@
         <Logo />
       </template>
     </EubopenAppBar>
-    <v-main>
+    <v-main class="main-app-content">
       <v-container>
         <nuxt />
       </v-container>
@@ -30,3 +30,8 @@ export default {
   },
 }
 </script>
+<style lang="scss" scoped>
+.main-app-content {
+  min-height: 70vh;
+}
+</style>

pages/compound/_id.vue

@@ -11,7 +11,7 @@ export default {
   components: {
     ChemicalProbeReportCard,
   },
-  layout: 'reportCard',
+  layout: 'default',
   async asyncData({ $axios, error, params }) {
     try {
       const docSource = ['pref_name']

pages/compound/browse/_state.vue

@@ -9,7 +9,7 @@ export default {
   components: {
     EBCompoundsBrowser,
   },
-  layout: 'entityBrowser',
+  layout: 'default',
   data() {
     return {
       isEmbedded: false,

pages/search/_term.vue

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

pages/target/_id.vue

@@ -11,7 +11,7 @@ export default {
   components: {
     TargetReportCard,
   },
-  layout: 'reportCard',
+  layout: 'default',
   async asyncData({ $axios, error, params }) {
     try {
       const docSource = ['pref_name']

pages/target/browse/_state.vue

@@ -8,7 +8,7 @@ export default {
   components: {
     EBTargetsBrowser,
   },
-  layout: 'entityBrowser',
+  layout: 'default',
   data() {
     return {
       isEmbedded: false,

web-components-submodule @ 9bfa6594

-Subproject commit 3601f8c6e74825bb460a92efcabe42c1a6c2a7ae
+Subproject commit 9bfa659425ce30739e6404a67d38a55249df8729