From 365c97d0efe30943fcb50b5eb74c529cb8a4129a Mon Sep 17 00:00:00 2001
From: Adam Goldsmith <adam@adamgoldsmith.name>
Date: Tue, 15 Dec 2020 14:16:10 -0500
Subject: [PATCH] Add bootstrap styling to login page

---
 templates/auth/login.djhtml | 34 ++++++++++++++++++----------------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/templates/auth/login.djhtml b/templates/auth/login.djhtml
index cf56fe6..e24d5e6 100644
--- a/templates/auth/login.djhtml
+++ b/templates/auth/login.djhtml
@@ -1,34 +1,36 @@
 {% extends "base.djhtml" %}
 
+{% load widget_tweaks %}
+
 {% block title %} Login {% endblock %}
 
 {% block content %}
   {% if form.errors %}
-    <p>Your username and password didn't match. Please try again.</p>
+    <p class="alert alert-danger">Your username and password didn't match. Please try again.</p>
   {% endif %}
 
   {% if next %}
     {% if user.is_authenticated %}
-      <p>Your account doesn't have access to this page. To proceed,
-      please login with an account that has access.</p>
+      <p class="alert alert-danger">
+        Your account doesn't have access to this page. To proceed,
+        please login with an account that has access.
+      </p>
     {% else %}
-      <p>Please login to see this page.</p>
+      <p class="alert alert-info">Please login to see this page.</p>
     {% endif %}
   {% endif %}
 
-  <form class="d-flex flex-column align-items-center p-4" method="post" action="{% url 'login' %}">
+  <form class="d-flex flex-column align-items-center" method="post" action="{% url 'login' %}">
     {% csrf_token %}
-    <table>
-      <tr>
-        <td>{{ form.username.label_tag }}</td>
-        <td>{{ form.username }}</td>
-      </tr>
-      <tr>
-        <td>{{ form.password.label_tag }}</td>
-        <td>{{ form.password }}</td>
-      </tr>
-    </table>
-    <input type="submit" value="login" />
+    {% for field in form %}
+    <div class="form-group row">
+      <label class="col-sm-4 col-form-label" for="{{ field.auto_id }}">{{ field.label }}</label>
+      <div class="col-sm-8">
+        {% render_field field class="form-control" %}
+      </div>
+    </div>
+    {% endfor %}
+    <input type="submit" class="btn btn-primary" value="login" />
     <input type="hidden" name="next" value="{{ next }}" />
   </form>