Redesign login page

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/templates/auth/login.html b/src/templates/auth/login.html
index 046186e52e4dfe02e09ab28ad86ab81bbea02b4a..5bf91c7510bdb385a804b247983eefdc6361120b 100644 (file)
--- a/src/templates/auth/login.html
+++ b/src/templates/auth/login.html
@@ -1,30 +1,33 @@
 {% extends "../base.html" %}
 
-{% block title %}{{ _("Log in") }}{% end block %}
-
-{% block body %}
-<div class="container">
-       <section class="features-content col-12">
-               
-               <div class="row">
-                       <div class="col-md-6 offset-md-3">
-                               <h3>{{ _("Log In") }}</h3>
-                       </div>
-               </div>
-               
-               <div class="row">
-                       <div class="col-md-6 offset-md-3">
-                               <form action="" method="POST">
-                                       <input type="text" class="form-control" id="inputUsername"
-                                               name="username" placeholder="{{ _("Username") }}" required autofocus>
-                                       <input type="password" class="form-control" id="inputPassword"
-                                               name="password" placeholder="{{ _("Password") }}" required>
-                                       <br>
-                                       <button type="submit" class="btn btn-primary">{{ _("Log in") }}</button>
-                                       {% raw xsrf_form_html() %}
-                               </form>
+{% block title %}{{ _("Log In") }}{% end block %}
+
+{% block content %}
+       <div class="row justify-content-center my-5">
+               <div class="col col-md-4">
+                       <div class="card">
+                               <div class="card-body">
+                                       <h5 class="card-title text-center mb-4">{{ _("Log In") }}</h5>
+
+                                       <form action="" method="POST">
+                                               {% raw xsrf_form_html() %}
+
+                                               <input type="hidden" name="next" value="{{ next }}">
+
+                                               <input type="text" class="form-control form-control-lg"
+                                                       name="username" placeholder="{{ _("Username") }}" required autofocus>
+
+                                               <input type="password" class="form-control form-control-lg"
+                                                       name="password" placeholder="{{ _("Password") }}" required>
+
+                                               <br>
+
+                                               <button type="submit" class="btn btn-primary btn-block">
+                                                       {{ _("Log in") }}
+                                               </button>
+                                       </form>
+                               </div>
                        </div>
                </div>
-       </section>
-</div>
+       </div>
 {% end block %}