From: Simon Cozens <simon@simon-cozens.org>
Date: Fri, 18 Jul 2025 13:30:07 +0000 (+0100)
Subject: Sprinkle some light CSS on category view
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=4f47d90025e6bb585bbe7cef1322c2c450c0f6c7;p=thirdparty%2Fgoogle%2Ffonts.git

Sprinkle some light CSS on category view
---

diff --git a/tagger2/TagView.js b/tagger2/TagView.js
index f732888a5..84eb7678d 100644
--- a/tagger2/TagView.js
+++ b/tagger2/TagView.js
@@ -1,7 +1,7 @@
 export default {
     props: ["tag"],
     template: `
-        <div>
+        <div class="tag-view">
             <div class="tag-title">
                 <span class="tag-name">{{ tag.tagName }}</span>
                 <span class="tag-family">{{ tag.family.name }}</span>
diff --git a/tagger2/style.css b/tagger2/style.css
index a82bc3615..18f287b0b 100644
--- a/tagger2/style.css
+++ b/tagger2/style.css
@@ -6,4 +6,9 @@ body {
 .tag-error { background-color: #f88f7e; padding: 2px; }
 .tag-warn { color: #c0a007; }
 .tag-fail { color: #c02007; }
-.tag-info { color: #007ac0; }
\ No newline at end of file
+.tag-info { color: #007ac0; }
+
+.tag-view { padding: 5px; border: 1px solid #eee; margin-bottom: 10px; }
+.tag-name { display: inline-block; width: 200px; font-family: monospace; font-weight: bold; }
+.tag-family { width: 200px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.tag-score { padding-left: 20px; color: #888; }
\ No newline at end of file