fixes display of report items on admin page

bookwyrm/templates/settings/admin_layout.html

@@ -46,7 +46,7 @@
         </ul>
         {% endif %}
     </nav>
-    <div class="column content">
+    <div class="column">
         {% block panel %}{% endblock %}
     </div>
 </div>

bookwyrm/templates/settings/report_preview.html

@@ -1,14 +1,19 @@
 {% extends 'components/card.html' %}
 {% load i18n %}
 {% block card-header %}
-<h2 class="title is-4">
-    <a href="{% url 'settings-report' report.id %}">report title</a></h2>
+<h2 class="card-header-title has-background-white-ter is-block">
+    <a href="{% url 'settings-report' report.id %}">report title</a>
+</h2>
 {% endblock %}
 
 {% block card-content %}
+<div class="block">
     about this report
+</div>
 {% endblock %}
 
 {% block card-footer %}
+<div class="card-footer-item">
     footer
+</div>
 {% endblock %}

bookwyrm/templates/settings/reports.html

@@ -15,13 +15,13 @@
     </ul>
 </div>
 
-<ul>
+<div class="block">
     {% for report in reports %}
-    <li class="card">
+    <div class="block">
         {% include 'settings/report_preview.html' with report=report %}
-    </li>
+    </div>
     {% endfor %}
-</ul>
+</div>
 
 {% endblock %}