From e56200b8da05a4ae531a4761897844f712dea901 Mon Sep 17 00:00:00 2001
From: Michael Tremer <michael.tremer@ipfire.org>
Date: Tue, 24 Oct 2023 11:43:04 +0000
Subject: [PATCH] auth: Make the login page full size

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---
 src/templates/auth/login.html | 77 +++++++++++++++++------------------
 1 file changed, 38 insertions(+), 39 deletions(-)

diff --git a/src/templates/auth/login.html b/src/templates/auth/login.html
index 073f6c3a..19f7e8b5 100644
--- a/src/templates/auth/login.html
+++ b/src/templates/auth/login.html
@@ -3,50 +3,49 @@
 {% block title %}{{ _("Log In") }}{% end block %}
 
 {% block container %}
-	<section class="section">
-		<div class="container">
-			<div class="columns is-centered">
-				<div class="column is-one-third">
-					<h1 class="title">
-						IPFire<span class="has-text-primary">_</span>
-					</h1>
-					<h4 class="subtitle">{{ _("Log In") }}</h4>
-
-					<div class="block">
-						<form action="" method="POST">
-							{% raw xsrf_form_html() %}
-
-							{% if next %}<input type="hidden" name="next" value="{{ next }}">{% end %}
-
-							<div class="field">
-								<div class="control">
-									<input class="input is-medium {% if incorrect %}is-danger{% end %}"
-										type="text" name="username" {% if username %}value="{{ username }}"{% end %}
-										placeholder="{{ _("Username") }}" required autofocus>
+	<section class="hero is-primary is-fullheight-with-navbar">
+		<div class="hero-body">
+			<div class="container">
+				<div class="columns is-centered">
+					<div class="column is-one-third">
+						<h1 class="title">{{ _("Log In") }}</h1>
+
+						<div class="block">
+							<form action="" method="POST">
+								{% raw xsrf_form_html() %}
+
+								{% if next %}<input type="hidden" name="next" value="{{ next }}">{% end %}
+
+								<div class="field">
+									<div class="control">
+										<input class="input is-medium {% if incorrect %}is-danger{% end %}"
+											type="text" name="username" {% if username %}value="{{ username }}"{% end %}
+											placeholder="{{ _("Username") }}" required autofocus>
+									</div>
 								</div>
-							</div>
 
-							<div class="field">
-								<div class="control">
-									<input class="input is-medium {% if incorrect %}is-danger{% end %}"
-										type="password" name="password" placeholder="{{ _("Password") }}" required>
+								<div class="field">
+									<div class="control">
+										<input class="input is-medium {% if incorrect %}is-danger{% end %}"
+											type="password" name="password" placeholder="{{ _("Password") }}" required>
+									</div>
 								</div>
-							</div>
 
-							<div class="field">
-								<div class="control">
-									<button class="button is-primary is-medium is-fullwidth">
-										{{ _("Log In") }}
-									</button>
+								<div class="field">
+									<div class="control">
+										<button class="button is-medium is-fullwidth">
+											{{ _("Log In") }}
+										</button>
+									</div>
 								</div>
-							</div>
-
-							<div class="field has-text-centered">
-								<a class="text-muted" href="/password-reset{% if incorrect %}?username={{ username }}{% end %}">
-									{{ _("Did you forget your password?") }}
-								</a>
-							</div>
-						</form>
+
+								<div class="field has-text-centered">
+									<a class="text-muted" href="/password-reset{% if incorrect %}?username={{ username }}{% end %}">
+										{{ _("Did you forget your password?") }}
+									</a>
+								</div>
+							</form>
+						</div>
 					</div>
 				</div>
 			</div>
-- 
2.47.3