auth: Make the login page full size

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

diff --git a/src/templates/auth/login.html b/src/templates/auth/login.html
index 073f6c3a7fdbd6c45d01ed695924f0e134b44558..19f7e8b596c25213a2c8642283b567b158b9895d 100644 (file)
--- 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>