Tidy up icons on note create

src/app/views/NoteCreate.svelte

@@ -163,22 +163,12 @@
         <ImageInput multi onChange={addImage} />
       </div>
       <small
-        class="flex cursor-pointer items-center justify-end gap-2"
+        class="flex cursor-pointer items-center justify-end gap-4"
         on:click={() => {
           showSettings = true
         }}>
-        <span>
-          {#if $relays?.length === 1}
-            {displayRelay({url: $relays[0]})}
-          {:else}
-            {$relays.length} relays
-          {/if}
-        </span>
-        <span>•</span>
-        <i class="fa fa-warning" />
-        {warning || 0}
-        <span>•</span>
-        <i class="fa fa-edit" />
+        <span><i class="fa fa-server" /> {$relays.length}</span>
+        <span><i class="fa fa-warning" /> {warning || 0}</span>
       </small>
     </div>
   </Content>

src/partials/Popover.svelte

@@ -42,7 +42,13 @@
         // If we've already triggered it, tooltipContents will be empty
         if (tooltipContents) {
           instance.popper.querySelector(".tippy-content").appendChild(tooltipContents)
-          instance.popper.addEventListener("mouseleave", e => instance.hide())
+
+          instance.popper.addEventListener("mouseleave", e => {
+            if (triggerType !== "click") {
+              instance.hide()
+            }
+          })
+
           instance.popper.addEventListener("click", e => {
             if (e.target.closest(".tippy-close") || opts.hideOnClick) {
               instance?.hide()