From 6af355f8d02ac197b3a2ac9253d9e6afed31ce8a Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Mon, 6 Sep 2021 18:00:13 +0200
Subject: [PATCH] Adjust border radius of tags to fit new fields

---
 ts/editor/Tag.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/ts/editor/Tag.svelte b/ts/editor/Tag.svelte
index 148b447f4..ef38ae6b5 100644
--- a/ts/editor/Tag.svelte
+++ b/ts/editor/Tag.svelte
@@ -60,7 +60,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
 <button
     bind:this={button}
-    class={`tag btn d-inline-flex align-items-center text-nowrap rounded ps-2 pe-1 m-0 ${className}`}
+    class="tag btn d-inline-flex align-items-center text-nowrap ps-2 pe-1 m-0 {className}"
     class:selected
     class:flashing
     class:select-mode={selectMode}
@@ -73,7 +73,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 >
     <span>{name}</span>
     <Badge
-        class="delete-icon rounded d-flex align-items-center ms-1"
+        class="delete-icon rounded-circle d-flex align-items-center ms-1"
         on:click={() => {
             if (!selectMode) {
                 deleteTag();
@@ -107,6 +107,10 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
             box-shadow: none;
         }
 
+        &.tag {
+            border-radius: 5px;
+        }
+
         &.flashing {
             animation: flash 0.3s linear;
         }