Make the login pages a mobile aware page.

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">
+      <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'}) }}
-        </div>
-    </div>
           <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>
 {% endblock %}

app/templates/auth/register.html

@@ -2,12 +2,14 @@
 {% import 'bootstrap/wtf.html' as wtf %}
 
 {% block app_content %}
+<div class="row">
+  <div class="col-xs-0 col-md-1"></div>
+    <div class="col-xs-8 col-md-4">
       <h1>Register</h1>
-    <div class="row">
-        <div class="col-md-4">
       {{ wtf.quick_form(form, button_map={'submit': 'primary'}) }}
-        </div>
-    </div>
       <br>
       <p>Already have an account? <a href="{{ url_for('auth.login') }}">Click to Sign In!</a></p>
+    </div>
+  <div class="col-xs-0 col-md-7"></div>
+</div>
 {% endblock %}

app/templates/auth/user_hash_login.html

@@ -2,6 +2,9 @@
 {% import 'bootstrap/wtf.html' as wtf %}
 
 {% block app_content %}
+<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
@@ -11,4 +14,7 @@
       </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 %}