From 7abb8a6056f78bffb8906b733a102711aa7a3464 Mon Sep 17 00:00:00 2001
From: toasted-nutbread <toasted-nutbread@users.noreply.github.com>
Date: Sun, 21 Feb 2021 17:47:46 -0500
Subject: [PATCH] Update tag display styles (#1433)

---
 ext/css/display.css | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/ext/css/display.css b/ext/css/display.css
index 0779d44e..ba20838c 100644
--- a/ext/css/display.css
+++ b/ext/css/display.css
@@ -65,9 +65,9 @@
 
     --tag-font-size-no-units: 11;
     --tag-font-size: calc(1em * var(--tag-font-size-no-units) / var(--font-size-no-units));
-    --tag-border-size-no-units: 0;
-    --tag-border-size: calc(1em * (var(--tag-border-size-no-units) / var(--tag-font-size-no-units)));
-    --tag-border-style: none;
+    --tag-border-size-no-units: 1;
+    --tag-border-size: calc(1em * (var(--tag-border-size-no-units) / var(--font-size-no-units)));
+    --tag-border-style: solid;
     --tag-font-weight: bold;
 
     --compact-list-separator: ' | ';
@@ -682,6 +682,7 @@ button.action-button[data-icon=source-term]::before {
     border: none;
     border-right: none;
     font-size: 1em;
+    vertical-align: middle;
     margin: calc(1em / var(--font-size-no-units)) 0.375em calc(1em / var(--font-size-no-units)) 0;
 }
 .tag-label {
@@ -695,10 +696,12 @@ button.action-button[data-icon=source-term]::before {
     cursor: pointer;
 }
 .tag-label-content {
+    display: block;
     font-size: var(--tag-font-size);
     font-weight: var(--tag-font-weight);
 }
 .tag-body {
+    display: block;
     position: relative;
     padding: 0 0.375em 0 0.375em;
 }
@@ -715,8 +718,10 @@ button.action-button[data-icon=source-term]::before {
     border-left: none;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
+    pointer-events: none;
 }
 .tag-body-content {
+    display: block;
     position: relative;
 }
 .tag:not(.tag-has-body)>.tag-body {