imrpove statistics rendering + filters

aircox/templates/aircox/dashboard/statistics.html

@@ -4,7 +4,7 @@
 {% block title %}{% translate "Statistics" %}{% endblock %}
 
 {% block content-container %}
-<div class="container">
+<div class="">
 
 <form method="GET" class="box mt-3 mb-3">
     <h3 class="title is-3">{% translate "Filter by date" %}</h3>
@@ -88,13 +88,11 @@
         <tfoot>
             <tr>
                 <td class="is-size-6">{% translate "Totals" %}</td>
-                <td colspan="100">
-                    <div class="columns is-size-6">
-                        <span v-for="(count, tag) in counts" class="column">
-                            <b>[[ tag ]]</b>
-                            [[ count ]]
-                        </span>
-                    </div>
+                <td colspan="2">
+                    <span v-for="(count, tag) in counts" class="mr-4">
+                        <b>[[ tag ]]</b>
+                        [[ count ]]
+                    </span>
                 </td>
             </tr>
         </tfoot>

aircox/templates/aircox/widgets/track_item.html

@@ -13,7 +13,7 @@ Context:
     {% if log %}
     <span>{{ log.date|date:"H:i" }} &mdash; </span>
     {% endif %}
-    <span class="has-text-weight-bold">{{ object.title }}</span>
+    <span class="has-text-weight-boldk">{{ object.title }}</span>
     {% if object.artist and object.artist != object.title %}
     <span>
     &mdash; {{ object.artist }}