From 8a48d26cca51efe0198b52f7bbaecf0bb22f85ca Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Thu, 24 Jun 2021 02:15:08 +0200
Subject: [PATCH] Adjust offsets and sizes to make tag input smaller

---
 ts/editor/Tag.svelte       | 14 ++++----------
 ts/editor/TagEditor.svelte |  4 ++++
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/ts/editor/Tag.svelte b/ts/editor/Tag.svelte
index 5c82f614e..f05ae70a4 100644
--- a/ts/editor/Tag.svelte
+++ b/ts/editor/Tag.svelte
@@ -24,11 +24,11 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     <TagInputEdit bind:name on:focusout={() => (active = false)} />
 {:else}
     <span
-        class="tag text-nowrap bg-secondary rounded p-1 ps-2 me-2"
+        class="d-inline-flex align-items-center tag text-nowrap bg-secondary rounded ps-2 pe-1 me-1"
         on:click|stopPropagation={() => (active = true)}
     >
         <span>{name}</span>
-        <Badge class="rounded delete-icon" on:click={tagDelete}
+        <Badge class="rounded delete-icon ms-1 mt-1" on:click={tagDelete}
             >{@html deleteIcon}</Badge
         >
     </span>
@@ -37,13 +37,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 <style lang="scss">
     $white-translucent: rgba(255, 255, 255, 0.5);
 
-    .tag :global(.delete-icon) {
-        & > :global(svg) {
-            vertical-align: text-bottom;
-        }
-
-        & > :global(svg:hover) {
-            background-color: $white-translucent;
-        }
+    .tag :global(.delete-icon > svg:hover) {
+        background-color: $white-translucent;
     }
 </style>
diff --git a/ts/editor/TagEditor.svelte b/ts/editor/TagEditor.svelte
index a15cb1c71..e4a926cbe 100644
--- a/ts/editor/TagEditor.svelte
+++ b/ts/editor/TagEditor.svelte
@@ -40,6 +40,10 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 </StickyBottom>
 
 <style lang="scss">
+    div {
+        font-size: 13px;
+    }
+
     :global(#mdi-tag-outline) {
         fill: currentColor;
         height: 100%;