From ec15af01dd020b364c2174fe562fd66227c2320c Mon Sep 17 00:00:00 2001
From: undergroundwires <undergroundwires@users.noreply.github.com>
Date: Thu, 20 Aug 2020 00:59:39 +0100
Subject: [PATCH] [search] better (multilined) message when there are no
 results

---
 src/presentation/Scripts/TheScripts.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/presentation/Scripts/TheScripts.vue b/src/presentation/Scripts/TheScripts.vue
index 5797c56e..e1ab0519 100644
--- a/src/presentation/Scripts/TheScripts.vue
+++ b/src/presentation/Scripts/TheScripts.vue
@@ -14,10 +14,10 @@
                             Searching for "{{this.searchQuery | threeDotsTrim}}"</div>
                         <ScriptsTree />
                     </div>
-                    </div>
-                    <div v-else class="search-no-matches">
-                        Sorry, no matches for "{{this.searchQuery | threeDotsTrim}}" 😞
-                        Feel free to extend the scripts <a :href="repositoryUrl" target="_blank" class="child github" >here</a>.
+            </div>
+            <div v-else class="search-no-matches">
+                <div>Sorry, no matches for "{{this.searchQuery | threeDotsTrim}}" 😞</div>
+                <div>Feel free to extend the scripts <a :href="repositoryUrl" target="_blank" class="child github" >here</a> ✨</div>
             </div>
         </div>
     </div>
@@ -96,6 +96,8 @@
 .scripts {
     margin-top:10px;
     .search-no-matches {
+        display:flex;
+        flex-direction: column;
         word-break:break-word;
         color: $white;
         text-transform: uppercase;
@@ -104,7 +106,7 @@
         background-color: $slate;
         padding:5%;
         text-align:center;
-        > a {
+        a {
             color: $gray;
         }
     }