From 9ca953423f530134d6e20ebb887745cb137b65da Mon Sep 17 00:00:00 2001
From: Arona Jones <aj@aronajones.com>
Date: Mon, 13 Sep 2021 16:13:47 +0100
Subject: [PATCH] Revamp registration form

---
 templates/registration/registration_form.html | 51 +++++++++++--------
 1 file changed, 29 insertions(+), 22 deletions(-)

diff --git a/templates/registration/registration_form.html b/templates/registration/registration_form.html
index 3e0ce894..ec5829eb 100644
--- a/templates/registration/registration_form.html
+++ b/templates/registration/registration_form.html
@@ -1,29 +1,36 @@
 {% extends 'base_rigs.html' %}
 {% load widget_tweaks %}
+{% load static %}
 {% block title %}Registration{% endblock %}
 
 {% block content %}
-<div class="col-sm-10 col-sm-offset-1">
-    <h3>New User Registration</h3>
-    {% if form.errors or supplement_form.errors %}
-    	<div class="alert alert-danger">
-    		{{form.errors}}
-    		{{supplement_form.errors}}
-    	</div>
-    {% endif %}
-
-    <div class="col-sm-8 col-sm-offset-2">
-        <form action="" method="post" class="" role="form">{% csrf_token %}
-            {% for field in form %}
-            	<div class="form-group">
-            		<label for="{{ field.id_for_label }}" class="col-form-label col-sm-4">{{ field.label }}</label>
-            		<div class="controls col-sm-8">
-            			{% render_field field class+="form-control" placeholder=field.label %}
-            		</div>
-            	</div>
-            {% endfor %}
-            <p><input type="submit" value="Register" class="btn btn-primary pull-right"></p>
-        </form>
+<div style="background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url({% static 'imgs/wof2014-1-small.jpg' %}); background-repeat: no-repeat; background-size: cover; width: 100vw; height: 100vh; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; margin-top: -24px; padding-top: 24px;">
+    <div class="container">
+            <div class="card">
+                <h3 class="card-header">New User Registration</h3>
+                <div class="card-body">
+                    {% if form.errors or supplement_form.errors %}
+                    	<div class="alert alert-danger">
+                    		{{form.errors}}
+                    		{{supplement_form.errors}}
+                    	</div>
+                    {% endif %}
+                    <div class="col-sm-8 col-sm-offset-2">
+                        <form method="post" role="form">{% csrf_token %}
+                            {% for field in form %}
+                            	<div class="form-group form-row">
+                            		<label for="{{ field.id_for_label }}" class="col-form-label col-sm-4">{{ field.label }}</label>
+                            		<div class="controls col-sm-8">
+                            			{% render_field field class+="form-control" placeholder=field.label %}
+                            		</div>
+                            	</div>
+                            {% endfor %}
+                            <p><input type="submit" value="Register" class="btn btn-primary pull-right"></p>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
     </div>
 </div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}