From 22ce60b1f82c5cca78c48753519b82b8bcb8d4b8 Mon Sep 17 00:00:00 2001
From: Mike Olund <michaelo@openroad.ca>
Date: Mon, 6 Mar 2017 16:33:04 -0800
Subject: [PATCH] Added question wells to prequalification questions

---
 .../templates/prequalification/step_01.html   |  65 +++++------
 .../templates/prequalification/step_02.html   |   6 +-
 .../templates/prequalification/step_03.html   |   4 +-
 .../templates/prequalification/step_04.html   |  44 ++++----
 .../templates/prequalification/step_05.html   | 105 +++++++++---------
 .../templates/prequalification/step_06.html   |   2 +-
 6 files changed, 119 insertions(+), 107 deletions(-)

diff --git a/edivorce/apps/core/templates/prequalification/step_01.html b/edivorce/apps/core/templates/prequalification/step_01.html
index 478a66a2..30e92783 100644
--- a/edivorce/apps/core/templates/prequalification/step_01.html
+++ b/edivorce/apps/core/templates/prequalification/step_01.html
@@ -9,41 +9,44 @@
 
 <p>Let's start off with a few questions about your situation to make sure that this online divorce tool can
     work for you.</p>
+
 <h3>Are you</h3>
-<div class="radio"><label>
-    {% input_field type="radio"  name="married_marriage_like" value="Legally married" %}
-    Legally married<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="right"
-                      data-html="true"
-                      title="<b>LEGALLY MARRIED</b><br /><br />Legally married is defined as: when two people agree
-                      to live together in a partnership made legally binding by a religous or legal ceremony.<br /><br />
-                      To prove you were legally married you will need to provide a marriage certificate issued in the country
-                      where you were married."
-                      aria-hidden="true"></i></label>
-</div>
+<div class="question-well">
+    <div class="radio"><label>
+        {% input_field type="radio"  name="married_marriage_like" value="Legally married" %}
+        Legally married<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="right"
+                          data-html="true"
+                          title="<b>LEGALLY MARRIED</b><br /><br />Legally married is defined as: when two people agree
+                          to live together in a partnership made legally binding by a religous or legal ceremony.<br /><br />
+                          To prove you were legally married you will need to provide a marriage certificate issued in the country
+                          where you were married."
+                          aria-hidden="true"></i></label>
+    </div>
 
-<div class="radio"><label>
-    {% input_field type="radio"  name="married_marriage_like" value="Living together in a marriage like relationship" %}
-    Living together in a marriage like<i class="fa fa-question-circle" data-toggle="tooltip"
-                                         data-placement="right" data-html="true"
-                                         title="<b>MARRIAGE LIKE RELATIONSHIP</b><br /><br />The term &quot;common-law relationship&quot;
-                                 is often used to refer to a marriage-like relationship that has lasted a certain length of time,
-                                 usually one or two years. Used in some federal laws to refer to a marriage-like relationship of
-                                 a year or longer." aria-hidden="true"></i> (also know as common law) relationship</label>
-</div>
+    <div class="radio"><label>
+        {% input_field type="radio"  name="married_marriage_like" value="Living together in a marriage like relationship" %}
+        Living together in a marriage like<i class="fa fa-question-circle" data-toggle="tooltip"
+                                             data-placement="right" data-html="true"
+                                             title="<b>MARRIAGE LIKE RELATIONSHIP</b><br /><br />The term &quot;common-law relationship&quot;
+                                     is often used to refer to a marriage-like relationship that has lasted a certain length of time,
+                                     usually one or two years. Used in some federal laws to refer to a marriage-like relationship of
+                                     a year or longer." aria-hidden="true"></i> (also know as common law) relationship</label>
+    </div>
 
-<div class="collapse-trigger collapsed" data-toggle="collapse" aria-expanded="true" data-target="#collapse_lived_two_years" aria-controls="collapse_lived_two_year">
-    <div>
-        If I have lived with my spouse for at least two years, are we married?
+    <div class="collapse-trigger collapsed" data-toggle="collapse" aria-expanded="true" data-target="#collapse_lived_two_years" aria-controls="collapse_lived_two_year">
+        <div>
+            If I have lived with my spouse for at least two years, are we married?
+        </div>
     </div>
-</div>
-<div class="collapse" id="collapse_lived_two_years">
-    <div>
-        <p>No, you aren't married, but after two years, you have a lot of the same rights as a married
-            couple would. And some federal benefits treat you as married spouse if you've been living together for one
-            year. For more information refer to the booklet called
-            <a href="http://www.familylaw.lss.bc.ca/resources/publications/pub.php?pub=347" target="_blank">
-                Living Together or Living Apart: Common-Law Relationships, Marriage, Separation and Divorce</a>,
-            on the Legal Services Society website.</p>
+    <div class="collapse" id="collapse_lived_two_years">
+        <div>
+            <p>No, you aren't married, but after two years, you have a lot of the same rights as a married
+                couple would. And some federal benefits treat you as married spouse if you've been living together for one
+                year. For more information refer to the booklet called
+                <a href="http://www.familylaw.lss.bc.ca/resources/publications/pub.php?pub=347" target="_blank">
+                    Living Together or Living Apart: Common-Law Relationships, Marriage, Separation and Divorce</a>,
+                on the Legal Services Society website.</p>
+        </div>
     </div>
 </div>
 
diff --git a/edivorce/apps/core/templates/prequalification/step_02.html b/edivorce/apps/core/templates/prequalification/step_02.html
index 6d0f46f7..95adf8fd 100644
--- a/edivorce/apps/core/templates/prequalification/step_02.html
+++ b/edivorce/apps/core/templates/prequalification/step_02.html
@@ -6,7 +6,7 @@
 {% block content %}
 
 <h1>Do you qualify for a divorce in BC?</h1>
-<div>
+<div class="question-well">
     <h3>Do you or your spouse live in British Columbia?</h3>
 
     <div class="btn-radio-group" data-toggle="buttons">
@@ -42,7 +42,7 @@
     </div>
 </div>
 
-<div>
+<div class="question-well">
     <h3>Have you or your spouse lived in B.C. at least one year prior to starting your divorce?</h3>
 
     <div class="btn-radio-group" data-toggle="buttons">
@@ -73,7 +73,7 @@
 {% endblock %}
 
 {% block formbuttons %}
-<div class="form-buttons">
+<div class="form-buttons clearfix">
     <a class="btn btn-success pull-right" href="{% url 'prequalification' '03' %}">Next&nbsp;&nbsp;&nbsp;<i class="fa fa-arrow-circle-o-right"></i></a>
 </div>
 {% endblock %}
diff --git a/edivorce/apps/core/templates/prequalification/step_03.html b/edivorce/apps/core/templates/prequalification/step_03.html
index 16e5c159..b25eaf3c 100644
--- a/edivorce/apps/core/templates/prequalification/step_03.html
+++ b/edivorce/apps/core/templates/prequalification/step_03.html
@@ -5,6 +5,8 @@
 
 {% block content %}
 
+<h1>Do you qualify for a divorce in BC?</h1>
+
 <div class="question-well">
     <h3>When did you and your spouse separate (legally this is referred to as living separate and apart)
         <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="right" data-html="true"
@@ -129,7 +131,7 @@
 {% endblock %}
 
 {% block formbuttons %}
-<div class="form-buttons">
+<div class="form-buttons clearfix">
     <a class="btn btn-success pull-right" href="{% url 'prequalification' '04' %}">Next&nbsp;&nbsp;&nbsp;<i class="fa fa-arrow-circle-o-right"></i></a>
 </div>
 {% endblock %}
diff --git a/edivorce/apps/core/templates/prequalification/step_04.html b/edivorce/apps/core/templates/prequalification/step_04.html
index be196efc..f25229b5 100644
--- a/edivorce/apps/core/templates/prequalification/step_04.html
+++ b/edivorce/apps/core/templates/prequalification/step_04.html
@@ -5,6 +5,9 @@
 
 {% block content %}
 
+<h1>Do you qualify for a divorce in BC?</h1>
+
+<div class="question-well">
 <h3>Do you and your spouse have any children (includes step children, adopted children). The  legal term is children of the marriage
     <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="bottom" data-html="true"
        title="<b>Children for the Marriage</b><br/><br/> The
@@ -34,8 +37,9 @@
     divorce documents. Or, if you wish, you can name them in your
     documents, and indicate that they are over 19 and independent,
     and no longer requiring support.</em></p>
+</div>
 
-<div class="reveal" id="has_children" hidden>
+<div class="reveal question-well" id="has_children" hidden>
     <h3>Are any of the children 19 years or younger?</h3>
 
     <div class="btn-radio-group" data-toggle="buttons">
@@ -56,31 +60,31 @@
         <p>A <a href="http://www.familylaw.lss.bc.ca/guides/divorce/divJoint_courtForms.php" target="_blank">listing of forms</a>
             that may be required for a Joint Divorce can also be found on the Legal Services Society web site.</p>
     </div>
+</div>
 
-    <div class="reveal" id="financial_support" hidden>
-        <h3>Are you financially supporting any of the children that are 19 years or older? Please check all that apply.</h3>
-        <div class="checkbox-group">
-            <div class="checkbox"><label>{% input_field type="checkbox" name="children_financial_support" value="No" data_target_id="need_support" data_reveal_target="false" %}No</label></div>
-            <div class="checkbox"><label>{% input_field type="checkbox" name="children_financial_support" value="Yes, attending post secondary institution (e.g. college, university)" data_target_id="need_support" data_reveal_target="true" %}Yes, attending post secondary institution (e.g. college, university)</label></div>
-            <div class="checkbox"><label>{% input_field type="checkbox" name="children_financial_support" value="Yes, due to disability" data_target_id="need_support" data_reveal_target="true" %}Yes, due to disability</label></div>
-            <div class="checkbox"><label>{% input_field type="checkbox" name="children_financial_support" value="Yes, due to illness" data_target_id="need_support" data_reveal_target="true" %}Yes, due to illness</label></div>
-            <div class="checkbox"><label>{% input_field type="checkbox" name="children_financial_support" value="Yes, other reason" data_target_id="need_support" data_reveal_target="true" %}Yes, other reason(s)</label></div>
-        </div>
-        <div class="information-message bg-danger" id="need_support" hidden>
-            <p>Sorry but at this point in time you will not be able to complete your application for divorce using this online tool.
-                Currently the tool supports a limited number of scenarios. In the meantime, you can file for divorce using the
-                <a href="http://www.ag.gov.bc.ca/courts/other/supreme/2010SupRules/info/index_family.htm" target="_blank">forms</a>
-                provided on the  Supreme Court of B.C. website.  (PDF).</p>
-            <p>A <a href="http://www.familylaw.lss.bc.ca/guides/divorce/divJoint_courtForms.php" target="_blank">listing of forms</a>
-                that may be required for a Joint Divorce, as well as an overview of the divorce process,
-                can be found on the Legal Services Society web site.</p>
-        </div>
+<div class="reveal question-well" id="financial_support" hidden>
+    <h3>Are you financially supporting any of the children that are 19 years or older? Please check all that apply.</h3>
+    <div class="checkbox-group">
+        <div class="checkbox"><label>{% input_field type="checkbox" name="children_financial_support" value="No" data_target_id="need_support" data_reveal_target="false" %}No</label></div>
+        <div class="checkbox"><label>{% input_field type="checkbox" name="children_financial_support" value="Yes, attending post secondary institution (e.g. college, university)" data_target_id="need_support" data_reveal_target="true" %}Yes, attending post secondary institution (e.g. college, university)</label></div>
+        <div class="checkbox"><label>{% input_field type="checkbox" name="children_financial_support" value="Yes, due to disability" data_target_id="need_support" data_reveal_target="true" %}Yes, due to disability</label></div>
+        <div class="checkbox"><label>{% input_field type="checkbox" name="children_financial_support" value="Yes, due to illness" data_target_id="need_support" data_reveal_target="true" %}Yes, due to illness</label></div>
+        <div class="checkbox"><label>{% input_field type="checkbox" name="children_financial_support" value="Yes, other reason" data_target_id="need_support" data_reveal_target="true" %}Yes, other reason(s)</label></div>
+    </div>
+    <div class="information-message bg-danger" id="need_support" hidden>
+        <p>Sorry but at this point in time you will not be able to complete your application for divorce using this online tool.
+            Currently the tool supports a limited number of scenarios. In the meantime, you can file for divorce using the
+            <a href="http://www.ag.gov.bc.ca/courts/other/supreme/2010SupRules/info/index_family.htm" target="_blank">forms</a>
+            provided on the  Supreme Court of B.C. website.  (PDF).</p>
+        <p>A <a href="http://www.familylaw.lss.bc.ca/guides/divorce/divJoint_courtForms.php" target="_blank">listing of forms</a>
+            that may be required for a Joint Divorce, as well as an overview of the divorce process,
+            can be found on the Legal Services Society web site.</p>
     </div>
 </div>
 {% endblock %}
 
 {% block formbuttons %}
-<div class="form-buttons">
+<div class="form-buttons clearfix">
     <a class="btn btn-success pull-right" href="{% url 'prequalification' '05' %}">Next&nbsp;&nbsp;&nbsp;<i class="fa fa-arrow-circle-o-right"></i></a>
 </div>
 {% endblock %}
diff --git a/edivorce/apps/core/templates/prequalification/step_05.html b/edivorce/apps/core/templates/prequalification/step_05.html
index dabc51e0..ea133a90 100644
--- a/edivorce/apps/core/templates/prequalification/step_05.html
+++ b/edivorce/apps/core/templates/prequalification/step_05.html
@@ -6,60 +6,62 @@
 {% block content %}
 
 <h1>Do you qualify for a divorce in BC?</h1>
-<h3>Will you be able to provide proof of your marriage (in the form of an original or certified marriage certificate
-    <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="right" data-html="true"
-       title="<b>Original Marriage Certificate</b><br /><br />The marriage certificate you received at the church —
-       or any other place where you were married — isn't acceptable in court. You can get a  marriage certificate
-       or a certified copy of the registration of marriage from
-       <a target='_blank' href='http://www2.gov.bc.ca/gov/content/life-events/marriages/marriage-certificates'>Vital Statistics</a>
-       (an office run by the provincial government)." aria-hidden="true"></i>
-    or registration of marriage
-    <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="right" data-html="true"
-       title="<b>Registration Marriage Certificate</b><br /><br />The Registration of Marriage is the document issued by
-       Vital Statistics (an office run by the provincial government) along with the Marriage License. This document
-       would have been signed by you and your spouse, the person who married you (the officiant) and your wedding ceremony witnesses.
-       Within 48 hours of the wedding, the officiant would have submitted the registration to the Vital Statistics Agency
-       where the registration information becomes a permanent legal record. Vital Statistics cannot issue a marriage certificate
-       until the marriage is registered. <br/><br/> For more information, please refer to the
-       <a target='_blank' href='http://www2.gov.bc.ca/gov/content/life-events/marriages/marriage-registration/certified-copies-and-certified-electronic-extracts-of-a-marriage-registration'>Marriage Registration page</a>
-       on the  B.C. Government web site." aria-hidden="true"></i>)?</h3>
-
-<div class="btn-radio-group" data-toggle="buttons">
-    <label class="btn btn-radio">
-        {% input_field type="radio"  name="original_marriage_certificate" autocomplete="off" value="YES" data_target_id="marriage_certificate" data_reveal_target="false" %} Yes
-    </label>
-
-    <label class="btn btn-radio">
-        {% input_field type="radio"  name="original_marriage_certificate" autocomplete="off" value="NO" data_target_id="marriage_certificate" data_reveal_target="true" %} No
-    </label>
-</div>
+<div class="question-well">
+    <h3>Will you be able to provide proof of your marriage (in the form of an original or certified marriage certificate
+        <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="right" data-html="true"
+           title="<b>Original Marriage Certificate</b><br /><br />The marriage certificate you received at the church —
+           or any other place where you were married — isn't acceptable in court. You can get a  marriage certificate
+           or a certified copy of the registration of marriage from
+           <a target='_blank' href='http://www2.gov.bc.ca/gov/content/life-events/marriages/marriage-certificates'>Vital Statistics</a>
+           (an office run by the provincial government)." aria-hidden="true"></i>
+        or registration of marriage
+        <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="right" data-html="true"
+           title="<b>Registration Marriage Certificate</b><br /><br />The Registration of Marriage is the document issued by
+           Vital Statistics (an office run by the provincial government) along with the Marriage License. This document
+           would have been signed by you and your spouse, the person who married you (the officiant) and your wedding ceremony witnesses.
+           Within 48 hours of the wedding, the officiant would have submitted the registration to the Vital Statistics Agency
+           where the registration information becomes a permanent legal record. Vital Statistics cannot issue a marriage certificate
+           until the marriage is registered. <br/><br/> For more information, please refer to the
+           <a target='_blank' href='http://www2.gov.bc.ca/gov/content/life-events/marriages/marriage-registration/certified-copies-and-certified-electronic-extracts-of-a-marriage-registration'>Marriage Registration page</a>
+           on the  B.C. Government web site." aria-hidden="true"></i>)?</h3>
 
-<p><em>The marriage certificate you received at the church — or any other place where you were married — isn't
-    acceptable in court. You need the certificate that was issued to you by the government.</em></p>
+    <div class="btn-radio-group" data-toggle="buttons">
+        <label class="btn btn-radio">
+            {% input_field type="radio"  name="original_marriage_certificate" autocomplete="off" value="YES" data_target_id="marriage_certificate" data_reveal_target="false" %} Yes
+        </label>
 
-<div class="collapse-trigger collapsed" data-toggle="collapse" aria-expanded="false" data-target="#collapseExample" aria-controls="collapseExample">
-    <div>
-        How can I get an original copy of  my marriage certificate or registration of marriage?
+        <label class="btn btn-radio">
+            {% input_field type="radio"  name="original_marriage_certificate" autocomplete="off" value="NO" data_target_id="marriage_certificate" data_reveal_target="true" %} No
+        </label>
     </div>
-</div>
-<div class="collapse" id="collapseExample">
-    <div>
-        <p>If you were married in B.C. you can get a copy of your marriage certificate or a certified copy of
-            the registration of marriage from
-            <a href="http://www2.gov.bc.ca/gov/content/life-events/marriages/marriage-certificates" target="_blank">
-                Vital Statistics</a> (an office run by the provincial government).</p>
-
-        <p><b>If You Were Married in Another Province</b></p>
-        <p>If you were married in another province you need to get the official marriage certificate or
-        registration of marriage from the office equivalent to the department of vital statistics in that
-            province.</p>
-
-        <p><b>If You Were married in Another Country</b></p>
-        <p>Contact the office responsible for marriage records in the country where you were married.</p>
+
+    <p><em>The marriage certificate you received at the church — or any other place where you were married — isn't
+        acceptable in court. You need the certificate that was issued to you by the government.</em></p>
+
+    <div class="collapse-trigger collapsed" data-toggle="collapse" aria-expanded="false" data-target="#collapseExample" aria-controls="collapseExample">
+        <div>
+            How can I get an original copy of  my marriage certificate or registration of marriage?
+        </div>
+    </div>
+    <div class="collapse" id="collapseExample">
+        <div>
+            <p>If you were married in B.C. you can get a copy of your marriage certificate or a certified copy of
+                the registration of marriage from
+                <a href="http://www2.gov.bc.ca/gov/content/life-events/marriages/marriage-certificates" target="_blank">
+                    Vital Statistics</a> (an office run by the provincial government).</p>
+
+            <p><b>If You Were Married in Another Province</b></p>
+            <p>If you were married in another province you need to get the official marriage certificate or
+            registration of marriage from the office equivalent to the department of vital statistics in that
+                province.</p>
+
+            <p><b>If You Were married in Another Country</b></p>
+            <p>Contact the office responsible for marriage records in the country where you were married.</p>
+        </div>
     </div>
 </div>
 
-<div class="reveal" id="marriage_certificate" hidden>
+<div class="reveal question-well" id="marriage_certificate" hidden>
     <h3>Will you be providing the marriage certificate or registration of marriage at a later date</h3>
 
     <div class="btn-radio-group" data-toggle="buttons">
@@ -88,7 +90,7 @@
         <p>Ideally the marriage certificate or registration of marriage is provided to the registry
            <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="right" data-html="true"
            title="<b>Registry</b><br /><br />A registry is where you file your divorce documents.
-           Registries are located in courthouses <a href=&quot;http://www.ag.gov.bc.ca/courts/overview/locations/&quot;>around the province</a>." aria-hidden="true"></i>
+           Registries are located in courthouses <a target='_blank' href='http://www.courts.gov.bc.ca/supreme_court/court_locations_and_contacts.aspx'>around the province</a>." aria-hidden="true"></i>
             when you file the Notice of Joint Family Claim
             <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="right" data-html="true"
            title="<b>Notice of Joint Family Claim</b><br /><br />This is the document that start the court case.
@@ -123,7 +125,8 @@
     </div>
 </div>
 
-<div>
+
+<div class="question-well">
     <h3>Is you marriage certificate or registration of marriage in English?</h3>
 
     <div class="btn-radio-group" data-toggle="buttons">
@@ -160,7 +163,7 @@
 {% endblock %}
 
 {% block formbuttons %}
-<div class="form-buttons">
+<div class="form-buttons clearfix">
     <a class="btn btn-success pull-right" href="{% url 'prequalification' '06' %}">Next&nbsp;&nbsp;&nbsp;<i class="fa fa-arrow-circle-o-right"></i></a>
 </div>
 {% endblock %}
diff --git a/edivorce/apps/core/templates/prequalification/step_06.html b/edivorce/apps/core/templates/prequalification/step_06.html
index 55d0f306..68a6e324 100644
--- a/edivorce/apps/core/templates/prequalification/step_06.html
+++ b/edivorce/apps/core/templates/prequalification/step_06.html
@@ -104,7 +104,7 @@
 {% endblock %}
 
 {% block formbuttons %}
-<div class="form-buttons">
+<div class="form-buttons clearfix">
     <a class="btn btn-success pull-right" href="{% url 'login' %}">Next&nbsp;&nbsp;&nbsp;<i class="fa fa-arrow-circle-o-right"></i></a>
 </div>
 {% endblock %}