From 445e80f6017c36ea49fee04ddc5ff0b23d94da41 Mon Sep 17 00:00:00 2001
From: Rico Hoppe <rico.hoppe@ipfire.org>
Date: Sat, 21 Oct 2023 17:57:03 +0000
Subject: [PATCH] fireinfo/modules/table-devices: added a level

---
 .../fireinfo/modules/table-devices.html       | 45 ++++++++++++-------
 1 file changed, 28 insertions(+), 17 deletions(-)

diff --git a/src/templates/fireinfo/modules/table-devices.html b/src/templates/fireinfo/modules/table-devices.html
index 6f054310..28deefb4 100644
--- a/src/templates/fireinfo/modules/table-devices.html
+++ b/src/templates/fireinfo/modules/table-devices.html
@@ -1,22 +1,33 @@
-<ul class="list-group {% if embedded %}list-group-flush{% end %}">
-	{% for d in sorted(devices) %}
-		<div class="list-group-item flex-column align-items-start">
-			<p class="small text-muted mb-0">
-				{% if show_group %}{{ d.cls }}{% end %}
+{% for d in sorted(devices) %}
+	<div class="level">
+		<div class="level-left">
+			<div class="level-item">
+				<p>
+					{% if show_group %}{{ d.cls }}{% end %}
 
-				{% if d.subsystem == "usb" %}
-					<span class="fab fa-usb"></span>
-				{% end %}
-			</p>
-
-			<p class="mb-0">
-				<a href="/vendors/{{ d.subsystem }}/{{ d.vendor }}">{{ d.vendor_string }}</a>
-				&dash; {{ d.model_string or "N/A (%s)" % d.model }}
+					{% if d.subsystem == "usb" %}
+						<span class="fab fa-usb"></span>
+					{% end %}
+				</p>
+			</div>
+			<div class="level-item">
+				<p>
+					{% if d.vendor_string %}
+						<a href="/vendors/{{ d.subsystem }}/{{ d.vendor }}">{{ d.vendor_string }}</a>
+					{% else %}
+						<p>N/A</p>
+					{% end %}
 
+					&dash; {{ d.model_string or "N/A (%s)" % d.model }}
+				</p>
+			</div>
+			<div class="level-item">
 				{% if d.driver %}
-					(<a href="/drivers/{{ d.driver }}">{{ d.driver }}</a>)
+					<span class="tag">
+						<a href="/drivers/{{ d.driver }}">{{ d.driver }}</a>
+					</span>
 				{% end %}
-			</p>
+			</div>
 		</div>
-	{% end %}
-</ul>
+	</div>
+{% end %}
-- 
2.47.3