From 90109fabc67e487e60e39f090d3cfce90af9564a Mon Sep 17 00:00:00 2001
From: Rogier Neeleman <rogier@sciuro.org>
Date: Wed, 22 Jul 2020 16:36:28 +0200
Subject: [PATCH] Make the login pages a mobile aware page.

---
 app/templates/auth/login.html           | 14 ++++++++------
 app/templates/auth/register.html        | 18 ++++++++++--------
 app/templates/auth/user_hash_login.html | 18 ++++++++++++------
 3 files changed, 30 insertions(+), 20 deletions(-)

diff --git a/app/templates/auth/login.html b/app/templates/auth/login.html
index c345890..ec88b87 100644
--- a/app/templates/auth/login.html
+++ b/app/templates/auth/login.html
@@ -2,12 +2,14 @@
 {% import 'bootstrap/wtf.html' as wtf %}
 
 {% block app_content %}
-    <h1>Sign In</h1>
     <div class="row">
-        <div class="col-md-4">
-            {{ wtf.quick_form(form, button_map={'submit': 'primary'}) }}
+      <div class="col-xs-0 col-md-1"></div>
+        <div class="col-xs-8 col-md-4">
+          <h1>Sign In</h1>
+          {{ wtf.quick_form(form, button_map={'submit': 'primary'}) }}
+          <br>
+          <p>New User? <a href="{{ url_for('auth.register') }}">Click to Register!</a></p>
         </div>
+      <div class="col-xs-0 col-md-7"></div>
     </div>
-    <br>
-    <p>New User? <a href="{{ url_for('auth.register') }}">Click to Register!</a></p>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/app/templates/auth/register.html b/app/templates/auth/register.html
index af31b5c..54eeb5a 100644
--- a/app/templates/auth/register.html
+++ b/app/templates/auth/register.html
@@ -2,12 +2,14 @@
 {% import 'bootstrap/wtf.html' as wtf %}
 
 {% block app_content %}
-    <h1>Register</h1>
-    <div class="row">
-        <div class="col-md-4">
-            {{ wtf.quick_form(form, button_map={'submit': 'primary'}) }}
-        </div>
+<div class="row">
+  <div class="col-xs-0 col-md-1"></div>
+    <div class="col-xs-8 col-md-4">
+      <h1>Register</h1>
+      {{ wtf.quick_form(form, button_map={'submit': 'primary'}) }}
+      <br>
+      <p>Already have an account? <a href="{{ url_for('auth.login') }}">Click to Sign In!</a></p>
     </div>
-    <br>
-    <p>Already have an account? <a href="{{ url_for('auth.login') }}">Click to Sign In!</a></p>
-{% endblock %}
\ No newline at end of file
+  <div class="col-xs-0 col-md-7"></div>
+</div>
+{% endblock %}
diff --git a/app/templates/auth/user_hash_login.html b/app/templates/auth/user_hash_login.html
index cf1785f..4a4cd4a 100644
--- a/app/templates/auth/user_hash_login.html
+++ b/app/templates/auth/user_hash_login.html
@@ -2,13 +2,19 @@
 {% import 'bootstrap/wtf.html' as wtf %}
 
 {% block app_content %}
-    <h1>Welcome, {{ user.name }}!</h1>
-    <p>
+<div class="row">
+  <div class="col-xs-0 col-md-1"></div>
+    <div class="col-xs-12 col-md-10">
+      <h1>Welcome, {{ user.name }}!</h1>
+      <p>
         If you found this page, it probably means someone who is organising a hunt invited you by
         sending a link or QR-code to this page. You can start playing right away, if and if you get
         logged out just visit this page again. However, if you want to be sure other people can't
         steal this account, please set a password.
-    </p>
-    <a href="{{ url_for('main.index') }}"><button class="btn btn-primary">Set Password</button></a>
-    <a href="{{ url_for('auth.user_hash_login', auth_hash=user.auth_hash, login='true') }}"><button class="btn btn-primary">Start Playing!</button></a>
-{% endblock %}
\ No newline at end of file
+      </p>
+      <a href="{{ url_for('main.index') }}"><button class="btn btn-primary">Set Password</button></a>
+      <a href="{{ url_for('auth.user_hash_login', auth_hash=user.auth_hash, login='true') }}"><button class="btn btn-primary">Start Playing!</button></a>
+    </div>
+  <div class="col-xs-0 col-md-1"></div>
+</div>
+{% endblock %}