Merge branch 'split-profile-form' into 'master'

Split profile form in 2 to make it easier to edit

See merge request !1242

website/members/templates/members/edit_profile.html

@@ -20,36 +20,48 @@
                 {% alert 'danger' error_text dismissable=True %}
             {% endif %}
 
-            <form method="post" enctype="multipart/form-data" class="col-lg-8 offset-lg-2">
+            <form method="post" enctype="multipart/form-data" class="row">
                 {% csrf_token %}
 
-                <div class="form-group">
-                    <label>{% trans "First Name" %}</label>
-                    <input type="text" class="form-control" readonly="readonly"
-                           value="{{ request.member.first_name }}"/>
-                </div>
-
-                <div class="form-group">
-                    <label>{% trans "Last Name" %}</label>
-                    <input type="text" class="form-control" readonly="readonly"
-                           value="{{ request.member.last_name }}"/>
-                </div>
-
-                <div class="form-group">
-                    <label>{% trans "Email Address" %}</label>
-                    <input type="text" class="form-control" readonly="readonly" value="{{ request.member.email }}"/>
-                    <span class="form-text">
-                        <a href="{% url 'members:email-change' %}">
-                            {% trans "Click here to change your email address." %}
-                        </a>
-                    </span>
-                </div>
-
-                {% for field in form %}
-                    {% bootstrap_field field %}
-                {% endfor %}
-
-                <input type="submit" value="{% trans 'save'|capfirst %}" class="btn btn-primary float-right"/>
+                <fieldset class="col-12 col-lg-6">
+                    <div class="form-group">
+                        <label>{% trans "First Name" %}</label>
+                        <input type="text" class="form-control" readonly="readonly"
+                               value="{{ request.member.first_name }}"/>
+                    </div>
+
+                    <div class="form-group">
+                        <label>{% trans "Last Name" %}</label>
+                        <input type="text" class="form-control" readonly="readonly"
+                               value="{{ request.member.last_name }}"/>
+                    </div>
+
+                    <div class="form-group">
+                        <label>{% trans "Email Address" %}</label>
+                        <input type="text" class="form-control" readonly="readonly" value="{{ request.member.email }}"/>
+                        <span class="form-text">
+                            <a href="{% url 'members:email-change' %}">
+                                {% trans "Click here to change your email address." %}
+                            </a>
+                        </span>
+                    </div>
+
+                    {% for field in form %}
+                        {% if forloop.counter < 8 %}
+                            {% bootstrap_field field %}
+                        {% endif %}
+                    {% endfor %}
+                </fieldset>
+
+                <fieldset class="col-12 col-lg-6">
+                    {% for field in form %}
+                        {% if forloop.counter > 7 %}
+                            {% bootstrap_field field %}
+                        {% endif %}
+                    {% endfor %}
+                </fieldset>
+
+                <input type="submit" value="{% trans 'save'|capfirst %}" class="btn btn-primary col-6 offset-3 col-lg-2 offset-lg-10"/>
             </form>
         </div>
     </section>