admin rendering

aircox/static/aircox/css/chunk-common.css

@@ -6850,6 +6850,16 @@ a.tag:hover {
   margin-top: auto !important;
 }
 
+.grid-2 {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+}
+
+.grid-3 {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+}
+
 .flex-row {
   display: flex;
   flex-direction: row;

aircox/templates/admin/aircox/playlist_inline.html

@@ -12,11 +12,10 @@
             :init-data="{% track_inline_data formset=formset %}"
             settings-url="{% url "api:user-settings" %}"
             data-prefix="{{ formset.prefix }}-">
-        {% comment %}
         <template #title>
             <h5 class="title is-4">{% trans "Playlist" %}</h5>
         </template>
-        <template v-slot:top="{items}">
+        <template #top="{items}">
             <input type="hidden" name="{{ formset.prefix }}-TOTAL_FORMS"
                 :value="items.length || 0"/>
             <input type="hidden" name="{{ formset.prefix }}-INITIAL_FORMS"
@@ -80,7 +79,6 @@
         </template>
         {% endif %}
         {% endfor %}
-    {% endcomment %}
     </a-playlist-editor>
 </div>
 {% endwith %}

aircox/templates/admin/index.html

@@ -12,7 +12,7 @@
                 <span>{% translate "Today" %}</span>
             </h1>
             {% if diffusions %}
-            <div class="card-grid">
+            <div class="grid-3">
                 {% for obj in diffusions %}
                     {% page_widget "card" obj.episode diffusion=obj timetable=True admin=True tag_class="" %}
                 {% endfor %}

assets/src/assets/helpers.scss

@@ -14,6 +14,10 @@
 .push-right, .flex-push-right { margin-left: auto !important; }
 .push-bottom { margin-top: auto !important; }
 
+
+.grid-2 { display: grid; grid-template-columns: 1fr 1fr }
+.grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr }
+
 .flex-row { display: flex; flex-direction: row }
 .flex-column { display: flex; flex-direction: column }
 .flex-grow-0 { flex-grow: 0 !important; }