From d15d6d1584e366495adbd007a245d36389c9c4c5 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Fri, 2 Jul 2021 14:29:41 +0200
Subject: [PATCH] Improve positioning of tag editor badges

---
 ts/components/Badge.svelte | 2 +-
 ts/editor/TagEditor.svelte | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/ts/components/Badge.svelte b/ts/components/Badge.svelte
index b0b158dc2..65aac83ba 100644
--- a/ts/components/Badge.svelte
+++ b/ts/components/Badge.svelte
@@ -46,6 +46,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
     span :global(svg) {
         border-radius: inherit;
-        vertical-align: -0.125rem;
+        vertical-align: var(--badge-align, -0.125rem);
     }
 </style>
diff --git a/ts/editor/TagEditor.svelte b/ts/editor/TagEditor.svelte
index 5731fef94..f81852116 100644
--- a/ts/editor/TagEditor.svelte
+++ b/ts/editor/TagEditor.svelte
@@ -367,11 +367,15 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         <div class="gap" on:mousedown|preventDefault>
             {#if tags.some((tag) => tag.selected)}
                 <SelectedTagBadge
+                    --badge-align="-webkit-baseline-middle"
                     on:tagcopy={copySelectedTags}
                     on:tagdelete={deleteSelectedTags}
                 />
             {:else}
-                <AddTagBadge on:click={appendEmptyTag} />
+                <AddTagBadge
+                    --badge-align="-webkit-baseline-middle"
+                    on:click={appendEmptyTag}
+                />
             {/if}
         </div>