Merge pull request 'a bit nicer mail sending layout' (#267) from staging into main

Reviewed-on: #267

src/model/mail.rs

@@ -234,7 +234,6 @@ Dein Vereinsbeitrag für das aktuelle Jahr beträgt {}€",
                         }
                         content.push_str("\n\
 Gemäß § 7 Abs. 3 lit. c unseres Status behalten wir uns vor, bei ausbleibender Zahlung die Mitgliedschaft zu beenden. Dies möchten wir vermeiden und hoffen auf deine Unterstützung.\n\n\
-
 Bei Fragen oder Problemen stehen wir gerne zur Verfügung.
 
 Bankverbindung: IBAN: AT13 1200 0804 1300 1200 (Unter https://app.rudernlinz.at/planned findest du einen QR Code, den du mit deiner Bankapp scannen kannst um alle Eingaben bereits ausgefüllt zu haben.)

templates/admin/mail.html.tera

@@ -2,16 +2,20 @@
 {% import "includes/forms/boat" as boat %}
 {% extends "base" %}
 {% block content %}
-    <div class="max-w-screen-lg w-full">
+    <div class="max-w-screen-lg w-full dark:text-white">
         <h1 class="h1">Mail</h1>
+        <div class="grid ">
+            <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5"
+                 role="alert">
+                <h2 class="h2">Mail senden</h2>
                 <form action="/admin/mail" method="post" enctype="multipart/form-data">
-            <select name="role_id">
+                    {{ macros::select(label="Gruppe", data=roles, name="role_id") }}
-                {% for role in roles %}<option value="{{ role.id }}">{{ role.name }}</option>{% endfor %}
+                    {{ macros::input(label="Betreff", name="subject", type="text", required=true) }}
-            </select>
+                    <textarea name="body" rows="4" cols="50" class="dark:text-white"></textarea>
-            <input type="text" name="subject" />
-            <textarea name="body" rows="4" cols="50"></textarea>
                     <input type="file" name="files" multiple />
-            <input type="submit" />
+                    <input type="submit" value="Abschicken" />
                 </form>
             </div>
+        </div>
+    </div>
 {% endblock content %}