From 6fb5c5ca8b667d3c82f76e5b6c3aef15cc98c0b0 Mon Sep 17 00:00:00 2001
From: unknown <zack@wongbox.internal.wongworks.net>
Date: Fri, 3 Jan 2020 12:23:39 +0800
Subject: [PATCH] add card layout to forms

---
 src/templates/base_form.html | 54 +++++++++++++++++++-----------------
 1 file changed, 29 insertions(+), 25 deletions(-)

diff --git a/src/templates/base_form.html b/src/templates/base_form.html
index a979ae5..70b83b6 100644
--- a/src/templates/base_form.html
+++ b/src/templates/base_form.html
@@ -5,11 +5,11 @@
 {% block content %}
 <div class="form-container">
     <div class="form-header">
-    <span class="tips">
-    {% block tips %}
-        Enter your details into the fields below, then click the button to save.
-    {% endblock %}
-    </span>
+        <span class="tips">
+            {% block tips %}
+            Enter your details into the fields below, then click the button to save.
+            {% endblock %}
+        </span>
     </div>
     {% block form %}
     <form action="{% block action_url %}{% url 'memberdb:register' %}{% endblock %}" method="post">
@@ -17,31 +17,35 @@
         {% csrf_token %}
 
         {% if form.non_field_errors|length > 0 %}
-            <p class="errornote">
-                Please correct the errors below.
-            </p>
-            {{ form.non_field_errors }}
+        <p class="errornote">
+            Please correct the errors below.
+        </p>
+        {{ form.non_field_errors }}
         {% endif %}
+        <div class="card m-3">
+            {% block extra_preform %}{% endblock %}
 
-        {% block extra_preform %}{% endblock %}
-
-        {% for field in form %}
-        <div class="form-row">
-            {{ field.errors }}
-            {{ field.label_tag }}
-            {{ field }}
-            {% if field.field.help_text %}
-            <p class="help">
-            {{ field.field.help_text|safe }}
-            </p>
-            {% endif %}
+            {% for field in form %}
+            <div class="form-row">
+                {{ field.errors }}
+                {{ field.label_tag }}
+                {{ field }}
+                {% if field.field.help_text %}
+                <p class="help">
+                    {{ field.field.help_text|safe }}
+                </p>
+                {% endif %}
+            </div>
+            {% endfor %}
         </div>
-        {% endfor %}
+
+        <div class="card m-3">
         {% block postform %}{% endblock %}
-        <div class="submit-row">
-            <input type="submit" class="default" value="{% block action_text %}Register{% endblock %}">
+            <div class="submit-row">
+                <input type="submit" class="default" value="{% block action_text %}Register{% endblock %}">
+            </div>
         </div>
     </form>
     {% endblock %}
 </div>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
-- 
GitLab