From 8c5094f91a0a4679a86bb48f00afbdffab006190 Mon Sep 17 00:00:00 2001
From: Arno Kaimbacher <arno.kaimbacher@outlook.at>
Date: Thu, 9 Dec 2021 16:41:47 +0100
Subject: [PATCH] - styling search page: facet-category.vue und vs-result.vue

---
 .../face-category/facet-category.vue          |  2 +
 src/components/vs-result/vs-result.vue        | 40 +++++++++++--------
 .../search-view/search-view-component.vue     | 14 +++++++
 3 files changed, 39 insertions(+), 17 deletions(-)

diff --git a/src/components/face-category/facet-category.vue b/src/components/face-category/facet-category.vue
index bc6663c..0e3ece9 100644
--- a/src/components/face-category/facet-category.vue
+++ b/src/components/face-category/facet-category.vue
@@ -50,6 +50,8 @@ export default FacetCategory;
     background-clip: border-box;
     border: 1px solid rgba(0, 0, 0, 0.125); */
     border-radius: 0;
+    /* rempve box-shadow */
+    box-shadow: none;
 }
 
 /* .card-footer:last-child,
diff --git a/src/components/vs-result/vs-result.vue b/src/components/vs-result/vs-result.vue
index 1108c28..bd3b668 100644
--- a/src/components/vs-result/vs-result.vue
+++ b/src/components/vs-result/vs-result.vue
@@ -1,22 +1,21 @@
 <template>
-    <div class="column" v-for="document in results" :key="document.id">
+    <div v-for="document in results" :key="document.id">
         <div class="card result-list-container">
             <div class="card-content record-elem">
+                <p v-if="document.identifier && document.identifier.length > 0">
+                    <!-- <span>Author: {{ document.identifier.join(', ') }}</span> -->
+                    <!-- <span v-for="(author,index) in document.author" :key="index">{{ author }}; </span> -->
+                    <!-- <span>'https://doi.org/' + {{ document.identifier[0] }}</span> -->
+                    <a target="_blank" v-bind:href="'https://doi.org/' + document.identifier[0]"> {{ "https://doi.org/" + document.identifier[0] }} </a>&nbsp;
+                    <span v-if="document.author && document.author.length > 0">{{ document.author[0] }}</span>
+                </p>
+
                 <span class="label label-info" data-container="div" data-title="Publication date">
                     {{ convert(document.server_date_published) }}
                 </span>
                 <span class="label label-default ng-binding">{{ document.doctype }}</span>
                 <span v-if="openAccessLicences.includes(document.licence)" class="label label-success titlecase">Open Access</span>
 
-                <p v-if="document.identifier && document.identifier.length > 0">
-                    <!-- <span>Author: {{ document.identifier.join(', ') }}</span> -->
-                    <!-- <span v-for="(author,index) in document.author" :key="index">{{ author }}; </span> -->
-                    <!-- <span>'https://doi.org/' + {{ document.identifier[0] }}</span> -->
-                    <a target="_blank" v-bind:href="'https://doi.org/' + document.identifier[0]">
-                        {{ "https://doi.org/" + document.identifier[0] }}
-                    </a>
-                </p>
-
                 <h4>
                     <a
                         v-if="document.identifier && document.identifier.length > 0"
@@ -31,10 +30,10 @@
                     </a>
                 </h4>
 
-                <p v-if="document.author && document.author.length > 0">
-                    <!-- <span>Author: {{ document.author.join(', ') }}</span> -->
+                <!-- <p v-if="document.author && document.author.length > 0">
+                    <span>Author: {{ document.author.join(', ') }}</span>
                     <span v-for="(author, index) in document.author" :key="index">{{ author }}; </span>
-                </p>
+                </p> -->
 
                 <p class="clamped clamped-2">
                     <span class="text">
@@ -60,6 +59,12 @@ export default VsResults;
 </script>
 
 <style lang="scss" scoped>
+.card {
+    border-radius: 0;
+    /* rempve box-shadow */
+    box-shadow: none;
+}
+
 /* overflow for abstracts */
 .clamped {
     line-height: 1.5;
@@ -108,8 +113,9 @@ export default VsResults;
 /* .record-elem .h4, record-elem h4 {
     font-size: 18px;
 } */
+
 .record-elem p a {
-    color: #3ad29f;
+    color: #33cccc;
     font-size: 14px;
 }
 /* .record-elem h4 a {
@@ -122,7 +128,7 @@ export default VsResults;
     text-decoration: none;
     font-weight: bold;
     /* margin-left: 10px; */
-    font-size: 16px;
+    // font-size: 16px;
 }
 .record-elem h4 a:hover {
     color: #777;
@@ -133,9 +139,9 @@ export default VsResults;
 } */
 .record-elem .h4,
 .record-elem h4 {
-    font-size: 16px;
+    // font-size: 16px;
     letter-spacing: 0.05em;
-    margin-top: 8px;
+    // margin-top: 8px;
 }
 .record-detail h1,
 .record-detail p,
diff --git a/src/views/search-view/search-view-component.vue b/src/views/search-view/search-view-component.vue
index f2b9e5f..1ec8994 100644
--- a/src/views/search-view/search-view-component.vue
+++ b/src/views/search-view/search-view-component.vue
@@ -120,6 +120,20 @@
                 </div>
             </div>
         </div>
+
+        <div class="container-fluid" style="padding-top: 3.8em">
+            <div class="columns is-mobile partner-logos">
+                <div class="column col-sm text-center">
+                    <img src="@/assets/site/img/re3-data-logo-mono.jpg" alt="re3 data logo" />
+                </div>
+                <div class="column col-sm text-center mobile-space">
+                    <img src="@/assets/site/img/geosphere-austria-logo.jpg" class="pb-3" alt="logo geosphere austria" />
+                </div>
+                <div class="column col-sm text-center">
+                    <img src="@/assets/site/img/placeholder-logo.jpg" alt="logo placeholder" />
+                </div>
+            </div>
+        </div>
     </div>
 </template>