chore(layout): improve team members on shift detail page

shiftregister/team/templates/shift_detail.html

@@ -41,17 +41,21 @@
             </div>
         </div>
     </div>
-
 {% endfor %}
 </div>
 {% endif %}
+{% if shift.event.fallbackassignment_set.count > 0 %}
+<h5 class="subtitle">Teammitglieder</h5>
+<div class="columns is-multiline">
+{% for fallback in shift.event.fallbackassignment_set.all %}
     <div class="column is-one-quarter">
-        <div class="box">
-            <div class="is-flex is-align-items-center is-justify-content-space-between mb-2">
-                Teammitglieder: {%for e in shift.event.fallbackassignment_set.all%}{% if not e.was_full %}{{e.team_member.name}}, {% endif %}{%endfor%}
+        <div class="box{% if fallback.was_full %} has-text-grey" style="text-decoration: line-through;{% endif %}">
+            {{ fallback.team_member.name }}
         </div>
     </div>
+{% endfor %}
 </div>
+{% endif %}
 <h5 class="subtitle">Helfer*in eintragen</h5>
 <form action="" method="post">
     {% csrf_token %}