From 7d38ca6182019a2c3925659ff199def0b42399e0 Mon Sep 17 00:00:00 2001
From: Kaleb <kaleblub@gmail.com>
Date: Wed, 13 Dec 2023 20:42:09 -0500
Subject: [PATCH] Update login page styling and layout, also added a link to
 the register page if the user doesn't have an account yet.

---
 static/css/style.css              | 10 ++++++++++
 templates/registration/login.html | 10 ++++++++--
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 4cdd70c..002eb80 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1840,6 +1840,16 @@ a {
   margin-right: 1rem;
 }
 
+#login .login-bottom {
+  display: flex;
+  justify-content: space-between;
+  padding: 0 18px 0 18px;
+}
+
+#login .login-bottom > * {
+  margin: 0;
+}
+
 /* ################################################################################################# */
 .score-wrapper {
   position: relative;
diff --git a/templates/registration/login.html b/templates/registration/login.html
index 6d476d5..76aabdd 100644
--- a/templates/registration/login.html
+++ b/templates/registration/login.html
@@ -4,7 +4,10 @@
 {% block content %}
 
 <div id="login">
-  <div class="login-title blue-gradient"><i class="fas fa-lock"></i>Sign in</div>
+  <div class="login-title blue-gradient">
+    <i class="fas fa-lock"></i>
+    <span class="login-title-text">Sign in</span>
+  </div>
 
   <form action="" method="POST" id="login-form">{% csrf_token %}
     <div class="form-group px-3">
@@ -23,7 +26,10 @@
     <button type="submit" class="btn btn-primary" id="login-btn"><i class="fas fa-sign-in-alt"></i><small> SIGN IN</small></button>
   </form>
   <br>
-  <a href="{% url 'password_reset' %}" class="link">Forgot password ?</a>
+  <div class="login-bottom">
+    <a href="{% url 'password_reset' %}" class="link">Forgot password ?</a>
+    <a href="{% url 'register' %}" class="link">Don't have an account ?</a>
+  </div>
 </div>
 {% endblock content %}