Move form submission buttons outside of panel

This commit is contained in:
Patrick Smith 2019-02-10 13:25:57 -05:00
parent aa8986d8a2
commit 4e466af009
3 changed files with 22 additions and 21 deletions

View File

@ -113,7 +113,8 @@
ul {
padding-left: 0;
}
.application-edit__env-list-item {
.block-list__footer {
border-bottom: none;
}
}
}

View File

@ -8,9 +8,9 @@
<div class='subheading'>{{ 'portfolios.applications.settings_heading' | translate }}</div>
<div class="panel">
<div class="panel__content">
<form method="POST" action="{{ url_for('portfolios.edit_application', portfolio_id=portfolio.id, application_id=application.id) }}">
<form method="POST" action="{{ url_for('portfolios.edit_application', portfolio_id=portfolio.id, application_id=application.id) }}">
<div class="panel">
<div class="panel__content">
{% include "fragments/edit_application_form.html" %}
@ -34,11 +34,11 @@
</ul>
</div>
<div class="action-group">
<button class="usa-button usa-button-primary" tabindex="0" type="submit">{{ 'portfolios.applications.update_button_text' | translate }}</button>
</div>
</form>
</div>
</div>
</div>
<div class="action-group">
<button class="usa-button usa-button-primary" tabindex="0" type="submit">{{ 'portfolios.applications.update_button_text' | translate }}</button>
</div>
</form>
{% endblock %}

View File

@ -14,11 +14,10 @@
<div class='subheading'>{{ 'portfolios.applications.settings_heading' | translate }}</div>
<div class="panel">
<div class="panel__content">
<new-application inline-template v-bind:initial-data='{{ form.data|tojson }}' modal-name='{{ modalName }}'>
<form method="POST" action="{{ url_for('portfolios.create_application', portfolio_id=portfolio.id) }}" v-on:submit="handleSubmit">
<new-application inline-template v-bind:initial-data='{{ form.data|tojson }}' modal-name='{{ modalName }}'>
<form method="POST" action="{{ url_for('portfolios.create_application', portfolio_id=portfolio.id) }}" v-on:submit="handleSubmit">
<div class="panel">
<div class="panel__content">
{% call Modal(name=modalName, dismissable=False) %}
<h1>Create application !{ name }</h1>
@ -72,13 +71,14 @@
</div>
</div>
<div class="action-group">
<button class="usa-button usa-button-primary" tabindex="0" type="submit">{{ 'portfolios.applications.create_button_text' | translate }}</button>
</div>
</form>
</new-application>
</div>
</div>
</div>
</div>
<div class="action-group">
<button class="usa-button usa-button-primary" tabindex="0" type="submit">{{ 'portfolios.applications.create_button_text' | translate }}</button>
</div>
</form>
</new-application>
{% endblock %}