From 4581ec4abcdb37b0db5596eb2609639368309c39 Mon Sep 17 00:00:00 2001
From: Marie Birner <mb@studiomitte.com>
Date: Tue, 24 Sep 2024 20:09:53 +0200
Subject: [PATCH] [TASK] style schnupperer even more

---
 templates/admin/schnupper/index.html.tera | 47 +++++++++++++----------
 1 file changed, 27 insertions(+), 20 deletions(-)

diff --git a/templates/admin/schnupper/index.html.tera b/templates/admin/schnupper/index.html.tera
index 1b17856..8611c34 100644
--- a/templates/admin/schnupper/index.html.tera
+++ b/templates/admin/schnupper/index.html.tera
@@ -4,28 +4,35 @@
     <div class="max-w-screen-lg w-full">
         <h1 class="h1">Schnupper Verwaltung</h1>
         <div class="grid gap-3">
-            <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5"
-                 role="alert">
+            <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5">
                 <h2 class="h2">Angemeldete Personen: {{ schnupperanten | length }}</h2>
-                <div class="text-sm p-3">
-                    <ol class="list-decimal">
-                        {% for user in schnupperanten %}
-                            <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>
+                <ol>
+                    {% for user in schnupperanten %}
+                        <li class="border-t border-gray-200 dark:border-primary-600 px-3 py-1">
+                            <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>
-                            </li>
-                        {% endfor %}
-                    </ol>
-                </div>
+                                <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>
+            </div>
+
+            <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5">
+              <h2 class="h2">Legende</h2>
+              <div class="px-3 py-1">
+                  <span class="status-damage status-damage-none"></span> Bezahlt - Juhuuu!
+              </div>
+              <div class="px-3 py-1">
+                  <span class="status-damage status-damage-locked"></span> Noch nicht bezahlt
+              </div>
             </div>
         </div>
     </div>