Redesign Gitea-like

templates/login.html

@@ -1,15 +1,24 @@
 {% extends "base.html" %}
-{% block title %}Login – PBT{% endblock %}
+{% block title %}Anmelden – PBT{% endblock %}
 {% block content %}
-  <h2>Login</h2>
-  <form method="post">
-    <label for="username">Benutzername</label>
-    <input type="text" id="username" name="username" required autofocus>
+  <div class="card">
+    <h2>Anmelden</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="password">Passwort</label>
-    <input type="password" id="password" name="password" required>
+      <div class="field">
+        <label for="password">Passwort<span class="required">*</span></label>
+        <input type="password" id="password" name="password" required>
+      </div>
 
-    <button type="submit">Einloggen</button>
-  </form>
-  <p>Noch kein Konto? <a href="{{ url_for('register') }}">Jetzt registrieren</a></p>
+      <button type="submit">Anmelden</button>
+    </form>
+
+    <div class="card-footer">
+      Noch kein Konto? <a href="{{ url_for('register') }}">Jetzt registrieren.</a>
+    </div>
+  </div>
 {% endblock %}