From be0ee36ba96f727c01c734b80e775b5faec19d98 Mon Sep 17 00:00:00 2001
From: Simon Pirkelmann <simon.pirkelmann@gmail.com>
Date: Thu, 8 Apr 2021 20:56:31 +0200
Subject: [PATCH] reformatting token registration

---
 .../templates/register.html                   | 85 ++++++++++---------
 1 file changed, 44 insertions(+), 41 deletions(-)

diff --git a/imaginaerraum_door_admin/templates/register.html b/imaginaerraum_door_admin/templates/register.html
index efdeb18..e157fd2 100644
--- a/imaginaerraum_door_admin/templates/register.html
+++ b/imaginaerraum_door_admin/templates/register.html
@@ -6,50 +6,53 @@
 
 {% block content %}
 {% if not token.vars %}
+<div class="d-grid gap-3">
+    <div class="p-2 bg-light border">
     Letzter gelesener unregistrierter Token: {{ token['token'] }} <br>
     Gelesen: {{ token['timestamp']}}
-
-    <div>
-    <p>
-    RaumnutzerIn registrieren:
-    </p>
-    <form method="POST">
-    <table>
-    {{ form.csrf_token }}
-    <tr>
-    <td>{{ form.name.label }}</td>
-    <td>{{ form.name(size=20) }}</td>
-    </tr>
-    <tr>
-    <td>{{ form.email.label }}</td>
-    <td>{{ form.email(size=20) }}</td>
-    </tr>
-    <tr>
-        <td>{{ form.organization.label }}</td>
-        <td>{{ form.organization(size=20) }}</td>
-    </tr>
-    <tr>
-        <td>{{ form.limit_validity.label }}</td>
-        <td> {{ form.limit_validity() }}</td>
-    </tr>
-
-    <tr id="valid_thru_row" style="display: none">
-        <td>{{ form.valid_thru.label }} </td>
-        <td>{{ form.valid_thru() }}</td>
-    </tr>
-    <tr>
-        <td>{{ form.dsgvo.label }} </td>
-        <td> {{ form.dsgvo() }}</td>
-    </tr>
-    <tr>
-        <td></td>
-        <td>
-            <input type="submit" value="Abschicken">
-        </td>
-    </tr>
-    </table>
-    </form>
     </div>
+
+
+    <div class="p-2 bg-light border">
+    <h3>RaumnutzerIn registrieren:</h3>
+        <form method="POST">
+        <table>
+        {{ form.csrf_token }}
+        <tr>
+        <td>{{ form.name.label }}</td>
+        <td>{{ form.name(size=20) }}</td>
+        </tr>
+        <tr>
+        <td>{{ form.email.label }}</td>
+        <td>{{ form.email(size=20) }}</td>
+        </tr>
+        <tr>
+            <td>{{ form.organization.label }}</td>
+            <td>{{ form.organization(size=20) }}</td>
+        </tr>
+        <tr>
+            <td>{{ form.limit_validity.label }}</td>
+            <td> {{ form.limit_validity() }}</td>
+        </tr>
+
+        <tr id="valid_thru_row" style="display: none">
+            <td>{{ form.valid_thru.label }} </td>
+            <td>{{ form.valid_thru() }}</td>
+        </tr>
+        <tr>
+            <td>{{ form.dsgvo.label }} </td>
+            <td> {{ form.dsgvo() }}</td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>
+                <input type="submit" value="Abschicken">
+            </td>
+        </tr>
+        </table>
+        </form>
+    </div>
+</div>
 {% else %}
     Keine unregistrierten Tokens in MQTT Nachrichten. Bitte Token scannen und die Seite neu laden.
 {% endif %}