- search page styling

src/views/dataset-detail.component.ts/dataset-detail.component.vue

@@ -8,6 +8,7 @@
             <button v-on:click="goBack">Back</button>
         </section>
     </div> -->
+    <div class="container-fluid banner mz-5"></div>
     <section class="section" v-if="loaded">
         <div class="container">
             <!-- <span class="is-size-5"> Basic Table </span>

src/views/search-view/search-view-component.vue

@@ -142,30 +142,4 @@ import SearchViewComponent from "./search-view-component";
 export default SearchViewComponent;
 </script>
 
-<style scoped>
-.banner {
-    background-image: url(./../../assets/site/img/main-search-banner.jpg);
-    background-size: cover;
-    background-position-x: center;
-    background-position-y: 25%;
-    background-repeat: no-repeat;
-    padding: 6.2em;
-    min-height: 400px;
-    width: 100%;
-    /* display: flex;
-    flex-direction: column; */
-    justify-content: center;
-    align-items: center;
-}
-
-.mz-5 {
-    margin-bottom: 1.5 rem;
-}
-
-@media (max-width: 576px) {
-    .banner {
-        align-items: flex-start;
-        height: 400px;
-    }
-}
-</style>
+<style scoped></style>