Redesign Gitea-like

templates/register.html

@@ -1,18 +1,29 @@
 {% extends "base.html" %}
 {% block title %}Registrieren – PBT{% endblock %}
 {% block content %}
-  <h2>Registrieren</h2>
-  <form method="post">
-    <label for="username">Benutzername</label>
-    <input type="text" id="username" name="username" required autofocus>
+  <div class="card">
+    <h2>Konto erstellen</h2>
+    <form method="post">
+      <div class="field">
+        <label for="username">Benutzername<span class="required">*</span></label>
+        <input type="text" id="username" name="username" required autofocus>
+      </div>
 
-    <label for="email">E-Mail</label>
-    <input type="email" id="email" name="email" required>
+      <div class="field">
+        <label for="email">E-Mail<span class="required">*</span></label>
+        <input type="email" id="email" name="email" required>
+      </div>
 
-    <label for="password">Passwort</label>
-    <input type="password" id="password" name="password" required minlength="8">
+      <div class="field">
+        <label for="password">Passwort<span class="required">*</span></label>
+        <input type="password" id="password" name="password" required minlength="8">
+      </div>
 
-    <button type="submit">Konto erstellen</button>
-  </form>
-  <p>Schon registriert? <a href="{{ url_for('login') }}">Zum Login</a></p>
+      <button type="submit">Konto erstellen</button>
+    </form>
+
+    <div class="card-footer">
+      Schon registriert? <a href="{{ url_for('login') }}">Zum Login.</a>
+    </div>
+  </div>
 {% endblock %}