Improve style of some tags

2 files changed, 9 insertions, 4 deletions

diff --git a/ext/mixed/css/display.css b/ext/mixed/css/display.css
index 62e62243..f131bda3 100644
--- a/ext/mixed/css/display.css
+++ b/ext/mixed/css/display.css
@@ -227,8 +227,8 @@ button.action-button {
     display: block;
 }
 
-.tag-list>.tag+.tag {
-    margin-left: 0.375em;
+.tag-list>.tag:not(:last-child) {
+    margin-right: 0.375em;
 }
 
 html:root:not([data-enable-search-tags=true]) .tag[data-category=search] {
@@ -398,7 +398,7 @@ html:root:not([data-enable-search-tags=true]) .tag[data-category=search] {
 
 :root[data-compact-glossaries=true] .term-definition-tag-list,
 :root[data-compact-glossaries=true] .term-definition-only-list:not([data-count="0"]) {
-    display: inline-block;
+    display: inline;
 }
 
 :root[data-compact-glossaries=true] .term-glossary-list {
@@ -425,6 +425,11 @@ html:root:not([data-enable-search-tags=true]) .tag[data-category=search] {
     white-space: pre-wrap;
 }
 
+.term-special-tags>.frequencies {
+    display: inline;
+}
+
+
 /*
  * Kanji
  */
diff --git a/ext/mixed/display-templates.html b/ext/mixed/display-templates.html
index 6fcf4c74..7ae51a62 100644
--- a/ext/mixed/display-templates.html
+++ b/ext/mixed/display-templates.html
@@ -15,7 +15,7 @@
             </div>
             <div class="term-reasons"></div>
         </div>
-        <div class="frequencies"></div>
+        <div class="term-special-tags"><div class="frequencies tag-list"></div></div>
     </div>
     <div class="term-definition-container"><ol class="term-definition-list"></ol></div>
     <pre class="debug-info"></pre>