move form block outside panel markup

templates/requests/financial_verification.html

@@ -27,15 +27,6 @@
     ) }}
   {% endif %}
 
-  <div class="panel">
-
-    <div class="panel__heading">
-      <h1>Order #{{ request_id }}</h1>
-      <div class="subtitle" id="financial-verification"><h2>Financial Verification</h2></div>
-    </div>
-
-    <div class="panel__content">
-
   {% block form_action %}
     {% if extended %}
       <form method='POST' action="{{ url_for('requests.financial_verification', request_id=request_id, extended=True) }}" autocomplete="off" enctype="multipart/form-data">
@@ -55,8 +46,19 @@
       ) }}
     {% endif %}
 
+  <div class="panel">
+
+    <div class="panel__heading">
+      <h1>Order #{{ request_id }}</h1>
+      <div class="subtitle" id="financial-verification"><h2>Financial Verification</h2></div>
+    </div>
+
+    <div class="panel__content">
+
         <p>In order to get you access to the JEDI Cloud, we will need you to enter the details below that will help us verify and account for your Task Order.</p>
 
+        <hr />
+
         {% if extended %}
           <fieldset class="form__sub-fields form__sub-fields--warning">
             {{ OptionsInput(f.funding_type) }}
@@ -155,13 +157,18 @@
 
 
       {% endautoescape %}
+
+    </div>
+  </div>
+
   {% endblock form %}
   {% block next %}
+  <div class='action-group'>
     <input type='submit' class='usa-button usa-button-primary' value='Save & Continue' />
+  </div>
   {% endblock %}
   </form>
-    </div>
-  </div>
+
 </div>
 </financial>