auth: Style the account activation page

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

diff --git a/src/templates/auth/activate.html b/src/templates/auth/activate.html
index 6d59ad423cdc4132183f75dfd75c726ac84c9542..9ec377f80a5f3aa138c9a5bf00cfd63c897964ee 100644 (file)
--- a/src/templates/auth/activate.html
+++ b/src/templates/auth/activate.html
@@ -3,25 +3,27 @@
 {% block title %}{{ _("Activate Your Account") }}{% end block %}
 
 {% block content %}
-       <div class="row justify-content-center my-5">
-               <div class="col col-md-4">
-                       <h5 class=" mb-4">{{ _("Activate Your Account") }}</h5>
+       <div class="columns is-centered py-5">
+               <div class="column is-half">
+                       <h5 class="title is-5">
+                               {{ _("Activate Your Account") }}
+                       </h5>
 
-                       <p>
-                               {{ _("Thank you for creating a new account.") }}
-                               {{ _("To activate it, please enter a strong password.") }}
-                       </p>
+                       <div class="content">
+                               <p>
+                                       {{ _("Thank you for creating a new account.") }}
+                                       {{ _("To activate it, please enter a strong password.") }}
+                               </p>
+                       </div>
 
                        <form action="" method="POST">
                                {% raw xsrf_form_html() %}
 
                                {% module Password() %}
 
-                               <div class="d-grid">
-                                       <button type="submit" class="btn btn-primary" disabled>
-                                               {{ _("Activate Account") }}
-                                       </button>
-                               </div>
+                               <button type="submit" class="button is-primary" disabled>
+                                       {{ _("Activate Account") }}
+                               </button>
                        </form>
                </div>
        </div>