From aa5e45c430c4bdd3bc618d48ee4c3736ce821aa0 Mon Sep 17 00:00:00 2001
From: Patrick Mayr <patrick@fet.at>
Date: Mon, 22 Jan 2024 22:32:53 +0000
Subject: [PATCH] fix div

---
 fet2020/templates/finance/bill_create.html | 189 ++++++++++-----------
 1 file changed, 94 insertions(+), 95 deletions(-)

diff --git a/fet2020/templates/finance/bill_create.html b/fet2020/templates/finance/bill_create.html
index 61859b31..bd14e540 100644
--- a/fet2020/templates/finance/bill_create.html
+++ b/fet2020/templates/finance/bill_create.html
@@ -6,105 +6,104 @@
 <!-- Main Content -->
 <main class="container mx-auto w-full px-4 my-8 flex-1">
     <h1 class="page-title">Neue Rechnung einreichen</h1>
-    <div class="w-full h-full flex-1 flex justify-center items-center">
-        <form action="" enctype="multipart/form-data" method="POST" class="multiSectionForm max-w-2xl">
-            {% csrf_token %}
-            {% include "baseform/non_field_errors.html" %}
 
-            <section>
-                <h2>Bankdaten</h2>
-                <small>Angaben zu den Bankdaten für die Rückerstattung des Rechnungsbetrags.</small>
-    
-                <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.payer %}
-                    </div>
-                    <div class="sm:col-span-4">
-                        {% include "baseform/text.html" with field=form.name_text %}
-                    </div>
-                    <div class="sm:col-span-3">
-                        {% include "baseform/text.html" with field=form.iban_text %}
-                    </div>
-                    <div class="sm:col-span-3">
-                        {% include "baseform/text.html" with field=form.bic_text %}
-                    </div>
-                    <div class="col-span-full">
-                        <label>
-                            <input type="checkbox">
-                            <span>Bankdaten speichern.</span>
-                        </label>
-                    </div>
+    <form action="" enctype="multipart/form-data" method="POST" class="multiSectionForm max-w-2xl">
+        {% csrf_token %}
+        {% include "baseform/non_field_errors.html" %}
+
+        <section>
+            <h2>Bankdaten</h2>
+            <small>Angaben zu den Bankdaten für die Rückerstattung des Rechnungsbetrags.</small>
+
+            <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.payer %}
                 </div>
-            </section>
-            <section>
-                <h2>Rechnungsdetails</h2>
-                <small>Details zur ursprünglichen bereits bezahlten Rechnung angeben.</small>
-    
-                <div class="grid grid-cols-1 gap-x-6 gap-y-6 sm:grid-cols-6">
-                    <div class="sm:col-span-4">
-                        {% include "baseform/textarea.html" with field=form.invoice %}
-                    </div>
-                    <div class="col-span-full">
-                        {% include "baseform/text.html" with field=form.purpose %}
-                    </div>
-                    <div class="sm:col-span-3">
-                        {% include "baseform/date.html" with field=form.date %}
-                    </div>
-                    <div class="sm:col-span-2">
-                        <label>
-                            <span class="text-gray-700 dark:text-gray-200">{{ form.amount.label }}</span>
-                            {% if form.amount.errors %}
-                                <div class="alert alert-danger">
-                                    <div class="alert-body">{{ form.amount.errors }}</div>
-                                </div>
-                            {% endif %}
-                            <input
-                                type="number"
-                                name="amount"
-                                value={{ form.amount.value }}
-                                required
-                                min="0.00"
-                                step="0.01"
-                                placeholder="123,99"
-                                class="mt-1 block w-full rounded-md border-gray-300 dark:border-none shadow-sm focus:border-none focus:ring focus:ring-blue-200 dark:focus:ring-sky-700 focus:ring-opacity-50"
-                            >
-                        </label>
-                    </div>
-                    <div class="col-span-full">
-                        {% include "baseform/file.html" with field=form.file_field %}
-                    </div>
-                    <div class="col-span-full">
-                        {% include "baseform/checkbox.html" with field=form.only_digital %}
-                    </div>
+                <div class="sm:col-span-4">
+                    {% include "baseform/text.html" with field=form.name_text %}
                 </div>
-            </section>
-            <section>
-                <h2>Beschlusslage</h2>
-                <small>Informationen zur Beschlusslage dieser Rechnung.</small>
-    
-                <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.affiliation %}
-                    </div>
-                    <div class="sm:col-span-3">
-                        {% include "baseform/text.html" with field=form.resolution_text %}
-                    </div>
+                <div class="sm:col-span-3">
+                    {% include "baseform/text.html" with field=form.iban_text %}
                 </div>
-            </section>
-            <section>
-                <h2>Kommentar</h2>
-                <small>Erfordert etwas zusätzlichen Erklärungsbedarf oder sollen nachträglich Informationen bearbeitet werden?</small>
-    
-                <div class="grid grid-cols-1 gap-x-6 gap-y-6 sm:grid-cols-6">
-                    <div class="col-span-full">
-                        {% include "baseform/textarea.html" with field=form.comment %}
-                    </div>
+                <div class="sm:col-span-3">
+                    {% include "baseform/text.html" with field=form.bic_text %}
                 </div>
-            </section>
-            <section class="flex justify-end">
-                <button type="submit" class="btn btn-primary w-full sm:w-auto" value="Einreichen">Rechnung einreichen</button>
-            </section>
-        </form>
-    </div>
+                <div class="col-span-full">
+                    <label>
+                        <input type="checkbox">
+                        <span>Bankdaten speichern.</span>
+                    </label>
+                </div>
+            </div>
+        </section>
+        <section>
+            <h2>Rechnungsdetails</h2>
+            <small>Details zur ursprünglichen bereits bezahlten Rechnung angeben.</small>
+
+            <div class="grid grid-cols-1 gap-x-6 gap-y-6 sm:grid-cols-6">
+                <div class="sm:col-span-4">
+                    {% include "baseform/textarea.html" with field=form.invoice %}
+                </div>
+                <div class="col-span-full">
+                    {% include "baseform/text.html" with field=form.purpose %}
+                </div>
+                <div class="sm:col-span-3">
+                    {% include "baseform/date.html" with field=form.date %}
+                </div>
+                <div class="sm:col-span-2">
+                    <label>
+                        <span class="text-gray-700 dark:text-gray-200">{{ form.amount.label }}</span>
+                        {% if form.amount.errors %}
+                            <div class="alert alert-danger">
+                                <div class="alert-body">{{ form.amount.errors }}</div>
+                            </div>
+                        {% endif %}
+                        <input
+                            type="number"
+                            name="amount"
+                            value={{ form.amount.value }}
+                            required
+                            min="0.00"
+                            step="0.01"
+                            placeholder="123,99"
+                            class="mt-1 block w-full rounded-md border-gray-300 dark:border-none shadow-sm focus:border-none focus:ring focus:ring-blue-200 dark:focus:ring-sky-700 focus:ring-opacity-50"
+                        >
+                    </label>
+                </div>
+                <div class="col-span-full">
+                    {% include "baseform/file.html" with field=form.file_field %}
+                </div>
+                <div class="col-span-full">
+                    {% include "baseform/checkbox.html" with field=form.only_digital %}
+                </div>
+            </div>
+        </section>
+        <section>
+            <h2>Beschlusslage</h2>
+            <small>Informationen zur Beschlusslage dieser Rechnung.</small>
+
+            <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.affiliation %}
+                </div>
+                <div class="sm:col-span-3">
+                    {% include "baseform/text.html" with field=form.resolution_text %}
+                </div>
+            </div>
+        </section>
+        <section>
+            <h2>Kommentar</h2>
+            <small>Erfordert etwas zusätzlichen Erklärungsbedarf oder sollen nachträglich Informationen bearbeitet werden?</small>
+
+            <div class="grid grid-cols-1 gap-x-6 gap-y-6 sm:grid-cols-6">
+                <div class="col-span-full">
+                    {% include "baseform/textarea.html" with field=form.comment %}
+                </div>
+            </div>
+        </section>
+        <section class="flex justify-end">
+            <button type="submit" class="btn btn-primary w-full sm:w-auto" value="Einreichen">Rechnung einreichen</button>
+        </section>
+    </form>
 </main>
 {% endblock %}