From a2eb2e52d48f39f2829a1809165076c6be73070c Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Sat, 21 Nov 2020 18:59:56 -0600
Subject: [PATCH] Reduce dom nodes inside anchor

---
 components/search.vue | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/components/search.vue b/components/search.vue
index 21ede03..4cd3035 100644
--- a/components/search.vue
+++ b/components/search.vue
@@ -70,16 +70,9 @@
                                 {{ app.name.charAt(0) }}
                             </div>
                         </client-only>
-                        <div class="min-w-0 flex-1 px-4 md:ml-12 md:mr-48 pt-4 md:pt-0 space-y-2">
-                            <div class="text-sm leading-5 font-light truncate">
-                                <template v-if="app.endpoint.includes('/game/')">
-                                    🕹
-                                </template>
-                                {{ app.name }}
-                            </div>
-                            <div class="flex items-center text-sm leading-5 text-gray-500 overflow-hidden">
-                                {{ app.text }}
-                            </div>
+                        <div class="min-w-0 flex-1 text-sm whitespace-pre-line leading-7 md:ml-12 md:mr-48 pt-4 md:pt-0 pr-6 pl-4 md:px-4 space-y-2">
+                            <template v-if="app.endpoint.includes('/game/')">🕹</template> {{ app.name }}
+                            {{ app.text }}
                             <!-- app.lastUpdated: {{ app.lastUpdated }} -->
                             <client-only
                                 v-if="app.lastUpdated"