From 18e1deec5f6dde700e5cf32db75c1ec812381104 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Sat, 19 Jun 2021 18:53:43 +0200
Subject: [PATCH] slight fixes to search

---
 ui/src/components/SearchResult.vue | 14 ++++++++++++--
 ui/src/views/Search.vue            | 10 ++++++++--
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/ui/src/components/SearchResult.vue b/ui/src/components/SearchResult.vue
index b1b2e60..d4d8a43 100644
--- a/ui/src/components/SearchResult.vue
+++ b/ui/src/components/SearchResult.vue
@@ -1,6 +1,6 @@
 <template>
   <router-link
-    :to="{ name: 'inspect', params: { address: result.entity } }"
+    :to="{ name: 'browse', params: { addresses: [result.entity] } }"
     class="search-result"
   >
     <div class="search-result-container">
@@ -28,9 +28,19 @@ export default defineComponent({
 <style scoped lang="scss">
 .search-result {
   .search-result-container {
-    box-shadow: var(--sl-shadow-medium);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+
+    border: 1px solid var(--foreground);
+    border-radius: 1rem;
+    
     margin: 0.5rem;
     padding: 1rem;
+
+    width: 100%;
+    height: 100%;
   }
 
   text-align: center;
diff --git a/ui/src/views/Search.vue b/ui/src/views/Search.vue
index 45b5461..d123ffa 100644
--- a/ui/src/views/Search.vue
+++ b/ui/src/views/Search.vue
@@ -2,7 +2,7 @@
   <div class="search">
     <ul class="search-results" v-if="results">
       <li v-for="[identity, result] in Object.entries(results)" :key="identity">
-        <SearchResult :result="result" />
+        <SearchResult class="result" :result="result" />
       </li>
     </ul>
   </div>
@@ -45,6 +45,11 @@ export default defineComponent({
 </script>
 
 <style lang="scss">
+.search,
+.search-results {
+  width: 100%;
+}
+
 .search-results {
   display: flex;
   flex-wrap: wrap;
@@ -53,7 +58,8 @@ export default defineComponent({
 
   li {
     display: block;
-    width: calc(100% / 6);
+    width: calc(100vw / 7);
+    height: calc(100vw / 7);
   }
 }
 </style>