DIV-624: Removing borders from nest fact sheets as per visual design

edivorce/apps/core/static/css/main.scss

@@ -147,6 +147,7 @@ input[type=number]::-webkit-outer-spin-button {
 .table > thead > tr > td,
 .table > thead > tr > th {
 	padding: 12px 16px;
+	vertical-align: top;
 }
 
 .fact-sheet-question{
@@ -966,6 +967,21 @@ textarea {
 	}
 }
 
+.question-well-border-less {
+	min-height: 20px;
+	padding: 25px 25px 25px 0;
+	margin-top: 25px;
+	background: #ffffff;
+
+	h3 {
+		margin-top: 0;
+	}
+
+	p {
+		max-width: 90%;
+	}
+}
+
 .review-well {
 	border-radius: 10px;
 	min-height: 20px;

edivorce/apps/core/templates/question/06_children_income_expenses.html

@@ -154,7 +154,7 @@
                 </div>
             </div>
 
-            <div class="question-well" id="you_fact_sheet_f" hidden>
+            <div class="question-well-border-less" id="you_fact_sheet_f" hidden>
                 <h1>Fact Sheet F Income over $150,000</h1>
                 <table class="table table-bordered">
                     <thead>
@@ -270,7 +270,7 @@
                     </tbody>
                 </table>
 
-                <div class="question-well">
+                <div class="question-well-border-less">
                     <p>
                         Do you and your spouse agree that $<span
                             id="agreed_total_amount">{{ total_guideline_amount }}</span> is the child support amount?
@@ -399,7 +399,7 @@
                 </div>
             </div>
 
-            <div class="question-well" id="spouse_fact_sheet_f" hidden>
+            <div class="question-well-border-less" id="spouse_fact_sheet_f" hidden>
                 <h1>Fact Sheet F Income over $150,000</h1>
                 <table class="table table-bordered">
                     <thead>
@@ -515,7 +515,7 @@
                     </tbody>
                 </table>
 
-                <div class="question-well">
+                <div class="question-well-border-less">
                     <p>
                         Do you and your spouse agree that $<span
                             id="spouse_agreed_total_amount">{{ spouse_total_guideline_amount }}</span> is the child
@@ -617,7 +617,7 @@
                 </ul>
             </div>
         </div>
-        <div id="fact_sheet_e" class="question-well" hidden>
+        <div id="fact_sheet_e" class="question-well-border-less" hidden>
             <h1>Fact Sheet E Undue Hardship</h1>
             <p><strong>Unusual or excessive debts</strong></p>
             <p>
@@ -910,7 +910,7 @@
             </p>
         </div>
 
-        <div id="fact_sheet_a" class="question-well" hidden>
+        <div id="fact_sheet_a" class="question-well-border-less" hidden>
             <h1>Fact Sheet A Special or Extraordinary Expenses</h1>
             <table class="table table-bordered">
                 <thead>