From 5c7ed45e79c5617bbf88cc16b55e7376c5e3d219 Mon Sep 17 00:00:00 2001
From: Michael Tremer <michael.tremer@ipfire.org>
Date: Tue, 26 Nov 2024 17:30:09 +0000
Subject: [PATCH] auth: Style the account activation page

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---
 src/templates/auth/activate.html | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/templates/auth/activate.html b/src/templates/auth/activate.html
index 6d59ad42..9ec377f8 100644
--- 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>
-- 
2.47.3