From b715f67e1b9a076566dd9c004d1e400833a43a4d Mon Sep 17 00:00:00 2001
From: Ticruz <thib.duchene@gmail.com>
Date: Mon, 25 Nov 2024 15:52:08 +0100
Subject: [PATCH] suggestion popup restyling

---
 src/app.css                             | 4 ++++
 src/app/editor/SuggestionProfile.svelte | 4 ++--
 src/app/editor/Suggestions.svelte       | 8 ++++++++
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/app.css b/src/app.css
index 887ee491c..f89f2ffbb 100644
--- a/src/app.css
+++ b/src/app.css
@@ -92,6 +92,10 @@ body,
     -3px -3px 20px rgba(0, 0, 0, 0.1);
 }
 
+.tippy-content {
+  padding: 0 !important;
+}
+
 .tippy-box[data-theme~="dark"][data-placement^="top"] > .tippy-arrow {
   bottom: -1px !important;
 }
diff --git a/src/app/editor/SuggestionProfile.svelte b/src/app/editor/SuggestionProfile.svelte
index 42aaf6256..3fdaaadc7 100644
--- a/src/app/editor/SuggestionProfile.svelte
+++ b/src/app/editor/SuggestionProfile.svelte
@@ -22,11 +22,11 @@
 
 <div class="flex max-w-full gap-3">
   <div class="py-1">
-    <PersonCircle {pubkey} />
+    <PersonCircle {pubkey} class="h-10 w-10" />
   </div>
   <div class="flex min-w-0 flex-col">
     <div class="flex items-center gap-2">
-      <div class="text-bold overflow-hidden text-ellipsis">
+      <div class="text-bold overflow-hidden text-ellipsis text-base">
         {$profileDisplay}
       </div>
       <WotScore score={$score} accent={following} />
diff --git a/src/app/editor/Suggestions.svelte b/src/app/editor/Suggestions.svelte
index 4836f3669..303781a0f 100644
--- a/src/app/editor/Suggestions.svelte
+++ b/src/app/editor/Suggestions.svelte
@@ -94,4 +94,12 @@
       Loading more options...
     </div>
   {/if}
+  {#if !items.length && !loading}
+    <div class="flex gap-2 px-4 py-2 text-base">
+      <div>
+        <i class="fa fa-exclamation-circle" />
+      </div>
+      No results
+    </div>
+  {/if}
 {/if}