slight fixes to search

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;

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>