From af0223ab4cd5364533d5677c5e7741932a2f004d Mon Sep 17 00:00:00 2001
From: Colin Powell <colin@unbl.ink>
Date: Wed, 26 Apr 2023 19:35:56 -0400
Subject: [PATCH] Put import records in rows

---
 vrobbler/templates/scrobbles/import_list.html | 146 +++++++++---------
 1 file changed, 72 insertions(+), 74 deletions(-)

diff --git a/vrobbler/templates/scrobbles/import_list.html b/vrobbler/templates/scrobbles/import_list.html
index fac11dd..8a79697 100644
--- a/vrobbler/templates/scrobbles/import_list.html
+++ b/vrobbler/templates/scrobbles/import_list.html
@@ -3,81 +3,79 @@
 {% block title %}Scrobble Imports{% endblock %}
 
 {% block lists %}
+{% if tsv_imports %}
 <div class="row">
-    {% if tsv_imports %}
-    <div class="col-md">
-        <h3>Audioscrobbler</h3>
-        <div class="table-responsive">
-            <table class="table table-striped table-sm">
-                <thead>
-                    <tr>
-                        <th scope="col">Started</th>
-                        <th scope="col">Finished</th>
-                        <th scope="col">Scrobbles</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    {% for obj in tsv_imports %}
-                    <tr>
-                        <td><a href="{{obj.get_absolute_url}}">{{obj.human_start}}</a></td>
-                        <td>{{obj.processed_finished}}</td>
-                        <td>{{obj.process_count}}</td>
-                    </tr>
-                    {% endfor %}
-                </tbody>
-            </table>
-        </div>
+    <h3>Audioscrobbler</h3>
+    <div class="table-responsive">
+        <table class="table table-striped table-sm">
+            <thead>
+                <tr>
+                    <th scope="col">Started</th>
+                    <th scope="col">Finished</th>
+                    <th scope="col">Scrobbles</th>
+                </tr>
+            </thead>
+            <tbody>
+                {% for obj in tsv_imports %}
+                <tr>
+                    <td><a href="{{obj.get_absolute_url}}">{{obj.human_start}}</a></td>
+                    <td>{{obj.processed_finished}}</td>
+                    <td>{{obj.process_count}}</td>
+                </tr>
+                {% endfor %}
+            </tbody>
+        </table>
     </div>
-    {% endif %}
-
-    {% if lastfm_imports %}
-    <div class="col-md">
-        <h3>LastFM</h3>
-        <div class="table-responsive">
-            <table class="table table-striped table-sm">
-                <thead>
-                    <tr>
-                        <th scope="col">Started</th>
-                        <th scope="col">Finished</th>
-                        <th scope="col">Scrobbles</th>
-                    </tr>
-                </thead>
-                    {% for obj in lastfm_imports %}
-                    <tr>
-                        <td><a href="{{obj.get_absolute_url}}">{{obj.human_start}}</a></td>
-                        <td>{{obj.processed_finished}}</td>
-                        <td>{{obj.process_count}}</td>
-                    </tr>
-                    {% endfor %}
-                </tbody>
-            </table>
-        </div>
-    </div>
-    {% endif %}
-
-    {% if koreader_imports %}
-    <div class="col-md">
-        <h3>KOReader</h3>
-        <div class="table-responsive">
-            <table class="table table-striped table-sm">
-                <thead>
-                    <tr>
-                        <th scope="col">Started</th>
-                        <th scope="col">Finished</th>
-                        <th scope="col">Scrobbles</th>
-                    </tr>
-                </thead>
-                    {% for obj in koreader_imports %}
-                    <tr>
-                        <td><a href="{{obj.get_absolute_url}}">{{obj.human_start}}</a></td>
-                        <td>{{obj.processed_finished}}</td>
-                        <td>{{obj.process_count}}</td>
-                    </tr>
-                    {% endfor %}
-                </tbody>
-            </table>
-        </div>
-    </div>
-    {% endif %}
 </div>
+{% endif %}
+
+{% if lastfm_imports %}
+<div class="row">
+    <h3>LastFM</h3>
+    <div class="table-responsive">
+        <table class="table table-striped table-sm">
+            <thead>
+                <tr>
+                    <th scope="col">Started</th>
+                    <th scope="col">Finished</th>
+                    <th scope="col">Scrobbles</th>
+                </tr>
+            </thead>
+                {% for obj in lastfm_imports %}
+                <tr>
+                    <td><a href="{{obj.get_absolute_url}}">{{obj.human_start}}</a></td>
+                    <td>{{obj.processed_finished}}</td>
+                    <td>{{obj.process_count}}</td>
+                </tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    </div>
+</div>
+{% endif %}
+
+{% if koreader_imports %}
+<div class="row">
+    <h3>KOReader</h3>
+    <div class="table-responsive">
+        <table class="table table-striped table-sm">
+            <thead>
+                <tr>
+                    <th scope="col">Started</th>
+                    <th scope="col">Finished</th>
+                    <th scope="col">Scrobbles</th>
+                </tr>
+            </thead>
+                {% for obj in koreader_imports %}
+                <tr>
+                    <td><a href="{{obj.get_absolute_url}}">{{obj.human_start}}</a></td>
+                    <td>{{obj.processed_finished}}</td>
+                    <td>{{obj.process_count}}</td>
+                </tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    </div>
+</div>
+{% endif %}
 {% endblock %}