(style)(search) improve styling, add more spacing, use hover effect instead of text underline, enlarge images on smaller screens

components/search/SearchDialogue.vue

@@ -79,7 +79,7 @@ defineExpose({ open, close });
                 v-model="query"
                 type="search"
                 class="form-control border-primary"
-                :placeholder="$t('crud.filterLong')"
+                :placeholder="$t('crud.search')"
             >
             <button class="btn btn-outline-danger" @click="close()">
                 <Icon v="times" />
@@ -95,7 +95,7 @@ defineExpose({ open, close });
             <li
                 v-for="document of searchAsyncData.data.value"
                 :key="`${document.kind}-${document.id}`"
-                class="list-group-item"
+                class="list-group-item list-group-item-action p-0"
             >
                 <SearchItem :document="document" />
             </li>

components/search/SearchItem.vue

@@ -29,13 +29,13 @@ const searchKindHasImage = computed(() => {
 </script>
 
 <template>
-    <nuxt-link :to="document.url" class="text-dark">
-        <div class="h3">
+    <nuxt-link :to="document.url" class="d-block p-3 text-dark text-decoration-none">
+        <div class="h3 mb-3">
             <Icon :v="icon" />
             <Spelling :text="document.title" />
         </div>
         <div v-if="searchKindHasImage" class="d-flex">
-            <div class="col-2">
+            <div class="col-4 col-md-2">
                 <img
                     v-if="document.image"
                     :src="document.image.src"