From b7e3c882d8cae2160c772390457357c035f2991f Mon Sep 17 00:00:00 2001
From: Marie Birner <mb@studiomitte.com>
Date: Tue, 17 Sep 2024 13:06:39 +0200
Subject: [PATCH] [TASK] change schnupper ui and hopefully improve it

---
 templates/admin/schnupper/index.html.tera | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/templates/admin/schnupper/index.html.tera b/templates/admin/schnupper/index.html.tera
index 9821a5a..1b17856 100644
--- a/templates/admin/schnupper/index.html.tera
+++ b/templates/admin/schnupper/index.html.tera
@@ -8,17 +8,20 @@
                  role="alert">
                 <h2 class="h2">Angemeldete Personen: {{ schnupperanten | length }}</h2>
                 <div class="text-sm p-3">
-                    <ol class="ms-2" style="list-style: number;">
+                    <ol class="list-decimal">
                         {% for user in schnupperanten %}
-                            <li class="py-1"
-                                {% if "paid" in user.roles %}style="background-color: green;"{% endif %}>
-                                {{ user.name }} ({{ user.mail }}
-                                {%- if user.notes %} | {{ user.notes }}
-                                {% endif -%}
-                                )
-                                <a class="btn btn-primary"
-                                   href="/admin/user/move/schnupperant/{{ user.id }}/to/scheckbuch"
-                                   onclick="return confirm('Willst du wirklich ein Scheckbuch erstellen? Die Person erhält ein Mail mit allen Infos.')">Zu Scheckbuch umwandeln</a>
+                            <li class="py-1 ml-4">
+                                <span class="flex items-center justify-between">
+                                    <span>
+                                      <span class="status-damage status-damage-{% if "paid" in user.roles %}none {% else %}locked {% endif %}"></span>&nbsp;{{ user.name }} ({{ user.mail }}
+                                      {%- if user.notes %} | {{ user.notes }}
+                                      {% endif -%}
+                                      )
+                                    </span>
+                                    <a class="btn btn-primary"
+                                      href="/admin/user/move/schnupperant/{{ user.id }}/to/scheckbuch"
+                                      onclick="return confirm('Willst du wirklich ein Scheckbuch erstellen? Die Person erhält ein Mail mit allen Infos.')">Zu Scheckbuch umwandeln</a>
+                                </span>
                             </li>
                         {% endfor %}
                     </ol>