Restyle login.html template

Update the login template based on the AdminLTE extra page:
https://adminlte.io/themes/v3/pages/examples/login.html

This patch also adds a font-awesome icon to the login page, we've
font-awesome from the AdminLTE plugins so we can use this icons in the
interface.

1 files changed, 20 insertions, 5 deletions

diff --git a/ogcp/templates/auth/login.html b/ogcp/templates/auth/login.html
index 220f69e..182bd52 100644
--- a/ogcp/templates/auth/login.html
+++ b/ogcp/templates/auth/login.html
@@ -3,10 +3,25 @@
 
 {% block content %}
 
-{{ wtf.quick_form(form,
-                  method='post',
-									form_type='basic',
-									button_map={'submit':'primary'},
-									extra_classes='p-5') }}
+<div class="d-flex justify-content-center align-items-center mt-4">
+    <div class="login-box mb-5">
+      <div class="login-logo"> OpenGnsys </div>
+      <div class="card">
+        <div class="card-body login-card-body">
+          <p class="login-box-msg">
+            <i class="fas fa-user-circle fa-8x"></i>
+          </p>
+
+          {{ wtf.quick_form(form,
+                            method='post',
+                            form_type='basic',
+                            button_map={'submit':'primary'}) }}
+        </div>
+        <!-- /.login-card-body -->
+      </div>
+    </div>
+<!-- /.login-box -->
+</div>
+
 
 {% endblock %}