Reduce the ugly, just bootstrap things.

[audio.git] / src / archive / templates / archive / list.html

diff --git a/src/archive/templates/archive/list.html b/src/archive/templates/archive/list.html
index bcd85de..9d53422 100644 (file)
--- a/src/archive/templates/archive/list.html
+++ b/src/archive/templates/archive/list.html
@@ -4,12 +4,20 @@
 
 {% block content %}
 
-    <div id="file-list">
-        <h1>{% block file-list-title %}{% endblock %}</h1>
-        <div>{% block file-list-info %}{% endblock %}</div>
-        {% block file-list-wrapper %}
-            <ul>{% block file-list %}{% endblock %}</ul>
-        {% endblock file-list-wrapper %}
+<div class="card mt-4">
+  <div class="card-header">
+    <h1>{% block file-list-title %}{% endblock %}</h1>
+  </div>
+  <div class="card-body">
+    <div class="lead">
+       {% block file-list-info %}{% endblock %}
     </div>
+    {% block file-list-wrapper %}
+    <table class="table">
+      {% block file-list %}{% endblock %}
+    </table>
+    {% endblock %}
+  </div>
+</div>
 
 {% endblock %}