From c219059cb386f9e72a13d631776c7b040a2c1a40 Mon Sep 17 00:00:00 2001
From: Patrick Mayr <patrick@fet.at>
Date: Sun, 4 Feb 2024 21:29:18 +0000
Subject: [PATCH] update design

---
 .../templates/finance/resolution_create.html  | 39 ++++++++++++-------
 .../templates/finance/resolution_update.html  | 39 ++++++++++++-------
 2 files changed, 50 insertions(+), 28 deletions(-)

diff --git a/fet2020/templates/finance/resolution_create.html b/fet2020/templates/finance/resolution_create.html
index 7c4b367d..a25e00bc 100644
--- a/fet2020/templates/finance/resolution_create.html
+++ b/fet2020/templates/finance/resolution_create.html
@@ -6,22 +6,33 @@
 <!-- Main Content -->
 <main class="container mx-auto w-full px-4 my-8 flex-1">
     <h1 class="page-title">Neuen Beschluss eingeben</h1>
-    <div class="w-full h-full flex-1 flex justify-center items-center">
-        <form action="" enctype="multipart/form-data" method="POST" class="w-full max-w-xs sm:max-w-prose sm:px-28 sm:py-4 grid grid-cols-1 gap-y-3 sm:gap-y-6 text-gray-900">
-            {% csrf_token %}
 
-            {% include "baseform/non_field_errors.html" %}
+    <form action="" enctype="multipart/form-data" method="POST" class="multiSectionForm max-w-2xl">
+        {% csrf_token %}
+        {% include "baseform/non_field_errors.html" %}
 
-            {% include "baseform/select.html" with field=form.option %}
-            {% include "baseform/text.html" with field=form.name %}
-            {% include "baseform/date.html" with field=form.date %}
-            {% include "baseform/text.html" with field=form.voting %}
-            {% include "baseform/textarea.html" with field=form.voting_text %}
-
-            <div class="flex flex-col-reverse sm:flex-row gap-3 justify-end pt-4 sm:pt-0">
-                <input type="submit" class="block btn btn-primary" value="Absenden">
+        <section>
+            <div class="grid grid-cols-1 gap-x-6 gap-y-6 sm:grid-cols-6">
+                <div class="sm:col-span-3">
+                    {% include "baseform/select.html" with field=form.option %}
+                </div>
+                <div class="col-span-full">
+                    {% include "baseform/text.html" with field=form.name %}
+                </div>
+                <div class="sm:col-span-3">
+                    {% include "baseform/date.html" with field=form.date %}
+                </div>
+                <div class="sm:col-span-3">
+                    {% include "baseform/text.html" with field=form.voting %}
+                </div>
+                <div class="col-span-full">
+                    {% include "baseform/textarea.html" with field=form.voting_text %}
+                </div>
             </div>
-        </form>
-    </div>
+        </section>
+        <section class="flex justify-end">
+            <button type="submit" class="btn btn-primary w-full sm:w-auto" value="Absenden">Beschluss absenden</button>
+        </section>
+    </form>
 </main>
 {% endblock %}
diff --git a/fet2020/templates/finance/resolution_update.html b/fet2020/templates/finance/resolution_update.html
index 91c9a25d..0d6b79d5 100644
--- a/fet2020/templates/finance/resolution_update.html
+++ b/fet2020/templates/finance/resolution_update.html
@@ -6,22 +6,33 @@
 <!-- Main Content -->
 <main class="container mx-auto w-full px-4 my-8 flex-1">
     <h1 class="page-title">Beschluss {{ object.id }}</h1>
-    <div class="w-full h-full flex-1 flex justify-center items-center">
-        <form action="" enctype="multipart/form-data" method="POST" class="w-full max-w-xs sm:max-w-prose sm:px-28 sm:py-4 grid grid-cols-1 gap-y-3 sm:gap-y-6 text-gray-900">
-            {% csrf_token %}
 
-            {% include "baseform/non_field_errors.html" %}
+    <form action="" enctype="multipart/form-data" method="POST" class="multiSectionForm max-w-2xl">
+        {% csrf_token %}
+        {% include "baseform/non_field_errors.html" %}
 
-            {% include "baseform/select.html" with field=form.option %}
-            {% include "baseform/text.html" with field=form.name %}
-            {% include "baseform/text.html" with field=form.date %}
-            {% include "baseform/text.html" with field=form.voting %}
-            {% include "baseform/textarea.html" with field=form.voting_text %}
-
-            <div class="flex flex-col-reverse sm:flex-row gap-3 justify-end pt-4 sm:pt-0">
-                <input type="submit" class="block btn btn-primary" value="Speichern">
+        <section>
+            <div class="grid grid-cols-1 gap-x-6 gap-y-6 sm:grid-cols-6">
+                <div class="sm:col-span-3">
+                    {% include "baseform/select.html" with field=form.option %}
+                </div>
+                <div class="col-span-full">
+                    {% include "baseform/text.html" with field=form.name %}
+                </div>
+                <div class="sm:col-span-3">
+                    {% include "baseform/date.html" with field=form.date %}
+                </div>
+                <div class="sm:col-span-3">
+                    {% include "baseform/text.html" with field=form.voting %}
+                </div>
+                <div class="col-span-full">
+                    {% include "baseform/textarea.html" with field=form.voting_text %}
+                </div>
             </div>
-        </form>
-    </div>
+        </section>
+        <section class="flex justify-end">
+            <button type="submit" class="btn btn-primary w-full sm:w-auto" value="Speichern">Änderung speichern</button>
+        </section>
+    </form>
 </main>
 {% endblock %}