From 31b141097d2ea3d8ac4e5a1f87c1ec462f605eb7 Mon Sep 17 00:00:00 2001
From: Simon Huber <huber.simon@protonmail.com>
Date: Wed, 26 Jun 2019 13:34:18 +0200
Subject: [PATCH] Tags edittemplate: replace &times; with svg (#3859)

* tags edittemplate: replace &times; with close-button svg

* make close-button smaller + v-aligned middle
---
 core/ui/EditTemplate/tags.tid      | 2 +-
 themes/tiddlywiki/vanilla/base.tid | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/core/ui/EditTemplate/tags.tid b/core/ui/EditTemplate/tags.tid
index e2ca88d8e..d368ce491 100644
--- a/core/ui/EditTemplate/tags.tid
+++ b/core/ui/EditTemplate/tags.tid
@@ -16,7 +16,7 @@ color:$(foregroundColor)$;
 <$vars foregroundColor=<<contrastcolour target:"""$colour$""" fallbackTarget:"""$fallbackTarget$""" colourA:"""$colourA$""" colourB:"""$colourB$""">> backgroundColor="""$colour$""">
 <span style=<<tag-styles>> class="tc-tag-label tc-tag-list-item">
 <$transclude tiddler="""$icon$"""/>&nbsp;<$view field="title" format="text" />
-<$button message="tm-remove-tag" param={{!!title}} class="tc-btn-invisible tc-remove-tag-button">&times;</$button>
+<$button message="tm-remove-tag" param={{!!title}} class="tc-btn-invisible tc-remove-tag-button">{{$:/core/images/close-button}}</$button>
 </span>
 </$vars>
 \end
diff --git a/themes/tiddlywiki/vanilla/base.tid b/themes/tiddlywiki/vanilla/base.tid
index cf05274df..dd3b20e06 100644
--- a/themes/tiddlywiki/vanilla/base.tid
+++ b/themes/tiddlywiki/vanilla/base.tid
@@ -662,6 +662,11 @@ button.tc-untagged-label {
 	vertical-align: text-bottom;
 }
 
+.tc-edit-tags button.tc-remove-tag-button svg {
+	font-size: 0.7em;
+	vertical-align: middle;
+}
+
 .tc-tag-manager-table .tc-tag-label {
 	white-space: normal;
 }