slight cleanup to page UI login for large screens

Author: pembo13

templates/registration/login.html

@@ -2,27 +2,73 @@
 
 {% load bootstrap4 %}
 
+
+{% block title %}Login{% endblock %}
+
+
+{% block css %}
+<style>
+@media screen and (min-width: 992px) {
+    html,
+    body {
+        height: 100%;
+        position: relative;
+    }
+    div.container-fluid {
+        background-color: #e9ecef;
+        padding: 4rem 2rem;
+        min-height: calc(100vh - 56px);
+        overflow: hidden;
+        display: block;
+        position: relative;
+        padding-bottom: 100px; /* height of your footer */
+    }
+    div.container-fluid div.col-md-6 {
+        background-color:#ffffff;
+        margin:0 auto;
+        max-width: 600px;
+        padding: 2rem 2rem;
+    }
+    footer {
+        position: absolute;
+        bottom: 0;
+        width: 100%;
+    }
+}
+</style>
+{% endblock %}
+
+
 {% block content %}
-    <div class="jumbotron">
+    <div class="container-fluid">
         <div class="row justify-content-md-center">
-        <div class="col-md-6">
-            {% if request.GET.status and request.GET.status == 'success' %}
-                <div class="alert alert-info alert-dismissable alert-link">
+            <div class="col-md-6">
+
+                {% if request.GET.status and request.GET.status == 'success' %}
+                <div class="alert alert-info alert-link alert-dismissable">
                     <button class="close" type="button" data-dismiss="alert" aria-hidden="true">&#215;</button>
                     Your account was successfully created!
                 </div>
-            {% endif %}
-            <form action="." method="POST">
-                {% csrf_token %}
-                {% bootstrap_form form %}
-                <p class="small"><a href="/password_reset/">Forgot your password?</a></p>
-                {% buttons %}
-                    <button type="submit" class="btn btn-primary">
-                        Submit
-                    </button>
-                {% endbuttons %}
-            </form>
+                {% endif %}
+
+                {% if request.user.is_authenticated %}
+                <div class="alert alert-warning alert-link">
+                    You already logged in. Please <a href="{% url 'logout' %}?next={{ request.get_full_path|urlencode }}">logout</a> first.
+                </div>
+                {% else %}
+                <form action="." method="POST">
+                    {% csrf_token %}
+                    {% bootstrap_form form %}
+                    <p class="small text-right"><a href="{% url 'password_reset' %}">Forgot your password?</a></p>
+
+                    <div>
+                        <button type="submit" class="btn btn-primary btn-block">
+                            Login
+                        </button>
+                    </div>
+                </form>
+                {% endif %}
+            </div>
         </div>
     </div>
-    </div>
 {% endblock %}