fireinfo/modules/table-devices: added a level

diff --git a/src/templates/fireinfo/modules/table-devices.html b/src/templates/fireinfo/modules/table-devices.html
index 6f054310cb29255740ac9b03e312f5817b5a60d4..28deefb41ce9070bfa131e5c66c127f6c0f2b28c 100644 (file)
--- 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 %}