From 03a10e87c378ad8988b1b51c785aa5482ddd3ca5 Mon Sep 17 00:00:00 2001
From: Johannes Schriewer <hallo@dunkelstern.de>
Date: Mon, 6 Jan 2025 01:00:37 +0100
Subject: [PATCH] Nicer tag lists

---
 inventory/static/inventory/css/main.css | 29 +++++++++++++++++++++++++
 inventory/static/inventory/img/tag.svg  |  1 +
 inventory/static/inventory/img/tags.svg |  1 +
 3 files changed, 31 insertions(+)
 create mode 100644 inventory/static/inventory/img/tag.svg
 create mode 100644 inventory/static/inventory/img/tags.svg

diff --git a/inventory/static/inventory/css/main.css b/inventory/static/inventory/css/main.css
index a2439e2..bbaf413 100644
--- a/inventory/static/inventory/css/main.css
+++ b/inventory/static/inventory/css/main.css
@@ -219,12 +219,41 @@ ul.tag-list li {
     height: 18px;
     background-color: #e0e0e0;
     padding: 3px 6px 3px 6px;
+    line-height: 18px;
+}
+
+ul.tag-list li::before {
+    content: url(/static/inventory/img/tag.svg);
+    width: 16px;
+    height: 16px;
+    padding-right: 3px;
+    display: inline-block;
+    opacity: 0.2;
+    vertical-align: text-top;
 }
 
 ul.tag-list li a {
     text-decoration: none;
 }
 
+ul.compact-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+    max-width: 500px;
+    text-indent: 0;
+    padding-left: 0;
+}
+
+ul.compact-list li {
+    display: inline-block;
+    border: 1px solid #808080;
+    height: 18px;
+    background-color: #e0e0e0;
+    padding: 3px 6px 3px 6px;
+    line-height: 18px;
+}
+
 table.list {
     border: 2px solid black;
     border-spacing: 0px;
diff --git a/inventory/static/inventory/img/tag.svg b/inventory/static/inventory/img/tag.svg
new file mode 100644
index 0000000..44e7f28
--- /dev/null
+++ b/inventory/static/inventory/img/tag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M0 80L0 229.5c0 17 6.7 33.3 18.7 45.3l176 176c25 25 65.5 25 90.5 0L418.7 317.3c25-25 25-65.5 0-90.5l-176-176c-12-12-28.3-18.7-45.3-18.7L48 32C21.5 32 0 53.5 0 80zm112 32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>
\ No newline at end of file
diff --git a/inventory/static/inventory/img/tags.svg b/inventory/static/inventory/img/tags.svg
new file mode 100644
index 0000000..95a8d3e
--- /dev/null
+++ b/inventory/static/inventory/img/tags.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M345 39.1L472.8 168.4c52.4 53 52.4 138.2 0 191.2L360.8 472.9c-9.3 9.4-24.5 9.5-33.9 .2s-9.5-24.5-.2-33.9L438.6 325.9c33.9-34.3 33.9-89.4 0-123.7L310.9 72.9c-9.3-9.4-9.2-24.6 .2-33.9s24.6-9.2 33.9 .2zM0 229.5L0 80C0 53.5 21.5 32 48 32l149.5 0c17 0 33.3 6.7 45.3 18.7l168 168c25 25 25 65.5 0 90.5L277.3 442.7c-25 25-65.5 25-90.5 0l-168-168C6.7 262.7 0 246.5 0 229.5zM144 144a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"/></svg>
\ No newline at end of file