Nicer tag lists

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;

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>

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>