Refactor HTML and styles of new app provisioning

- remove "panel__content" div wrapper
- add margin helper to p tags in steps 2 and 3 for flashed message

styles/components/_portfolio_layout.scss

@@ -219,6 +219,8 @@
   }
 
   .application-content {
+    margin-top: $gap * 4;
+
     .subheading {
       @include subheading;
       position: relative;

templates/applications/new/step_1.html

@@ -23,23 +23,20 @@
 
   <application-name-and-description inline-template v-bind:initial-data='{{ form.data|tojson }}'>
     <form method="POST" action="{{ action }}" v-on:submit="handleSubmit">
-        <div class="panel__content">
       {{ form.csrf_token }}
       <div class="form-row">
-            <div class="form-col form-col--two-thirds">
+        <div class="form-col">
           {{ TextInput(form.name, optional=False) }}
           {{ ('portfolios.applications.new.step_1_form_help_text.name' | translate | safe) }}
         </div>
       </div>
-          <hr>
+      <hr class="panel__break">
       <div class="form-row">
         <div class="form-col form-col--two-thirds">
           {{ TextInput(form.description, paragraph=True, optional=True) }}
           {{ ('portfolios.applications.new.step_1_form_help_text.description' | translate | safe) }}
         </div>
       </div>
-        </div>
-      
 
       <span class="action-group">
         {% block next_button %}

templates/applications/new/step_2.html

@@ -16,11 +16,10 @@
 
   {% set modalName = "newApplicationConfirmation" %}
   {% include "fragments/flash.html" %}
-  <div class="panel__content">
   <p>
     {{ 'portfolios.applications.new.step_2_description' | translate }}
   </p>
-    <hr>
+  <hr class="panel__break"> 
   <application-environments inline-template v-bind:initial-data='{{ form.data|tojson }}'>
     <form method="POST" action="{{ url_for('applications.update_new_application_step_2', portfolio_id=portfolio.id, application_id=application.id) }}" v-on:submit="handleSubmit">
       <div class="subheading">{{ 'portfolios.applications.environments_heading' | translate }}</div>
@@ -76,6 +75,5 @@
       </span>
     </form>
   </application-environments>
-  </div>
 
 {% endblock %}

templates/applications/new/step_3.html

@@ -11,11 +11,10 @@
 
 {% block application_content %}
   {% include "fragments/flash.html" %}
-  <div class="panel__content">
   <p>
     {{ ('portfolios.applications.new.step_3_description' | translate) }}
   </p>
-    <hr>
+  <hr class="panel__break">
   
   {{ MemberManagementTemplate(
     application, 
@@ -36,6 +35,6 @@
         Cancel
       </a>
     </span>
-  </div>
+  
 {% endblock %}