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 @@
+
\ 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 @@
+
\ No newline at end of file