diff --git a/styles/components/_portfolio_layout.scss b/styles/components/_portfolio_layout.scss index c1af4db4..6a40d851 100644 --- a/styles/components/_portfolio_layout.scss +++ b/styles/components/_portfolio_layout.scss @@ -219,6 +219,8 @@ } .application-content { + margin-top: $gap * 4; + .subheading { @include subheading; position: relative; diff --git a/templates/applications/new/step_1.html b/templates/applications/new/step_1.html index dcf30dac..f312f55b 100644 --- a/templates/applications/new/step_1.html +++ b/templates/applications/new/step_1.html @@ -23,23 +23,20 @@
-
- {{ form.csrf_token }} -
-
- {{ TextInput(form.name, optional=False) }} - {{ ('portfolios.applications.new.step_1_form_help_text.name' | translate | safe) }} -
-
-
-
-
- {{ TextInput(form.description, paragraph=True, optional=True) }} - {{ ('portfolios.applications.new.step_1_form_help_text.description' | translate | safe) }} -
-
+ {{ form.csrf_token }} +
+
+ {{ TextInput(form.name, optional=False) }} + {{ ('portfolios.applications.new.step_1_form_help_text.name' | translate | safe) }}
- +
+
+
+
+ {{ TextInput(form.description, paragraph=True, optional=True) }} + {{ ('portfolios.applications.new.step_1_form_help_text.description' | translate | safe) }} +
+
{% block next_button %} diff --git a/templates/applications/new/step_2.html b/templates/applications/new/step_2.html index 3f876b46..53c1ad44 100644 --- a/templates/applications/new/step_2.html +++ b/templates/applications/new/step_2.html @@ -16,66 +16,64 @@ {% set modalName = "newApplicationConfirmation" %} {% include "fragments/flash.html" %} -
-

- {{ 'portfolios.applications.new.step_2_description' | translate }} -

-
- - -
{{ 'portfolios.applications.environments_heading' | translate }}
-
-
- {{ form.csrf_token }} -
{# this extra div prevents this bug: https://www.pivotaltracker.com/story/show/160768940 #} -
- {{ Alert(message=None, level="error", vue_template=True) }} -
+

+ {{ 'portfolios.applications.new.step_2_description' | translate }} +

+
+ + +
{{ 'portfolios.applications.environments_heading' | translate }}
+
+
+ {{ form.csrf_token }} +
{# this extra div prevents this bug: https://www.pivotaltracker.com/story/show/160768940 #} +
+ {{ Alert(message=None, level="error", vue_template=True) }}
- -
-
    -
  • -
    - - -
    -
    - -
    -
  • -
- - -
-
-
- - - {% block next_button %} - {{ SaveButton(text=('portfolios.applications.new.step_2_button_text' | translate)) }} - {% endblock %} - - Previous - - - Cancel - - - - -
+
+ +
+
    +
  • +
    + + +
    +
    + +
    +
  • +
+ + +
+
+
+ + + {% block next_button %} + {{ SaveButton(text=('portfolios.applications.new.step_2_button_text' | translate)) }} + {% endblock %} + + Previous + + + Cancel + + + +
{% endblock %} diff --git a/templates/applications/new/step_3.html b/templates/applications/new/step_3.html index 783af8d3..40b350b9 100644 --- a/templates/applications/new/step_3.html +++ b/templates/applications/new/step_3.html @@ -11,31 +11,30 @@ {% block application_content %} {% include "fragments/flash.html" %} -
-

- {{ ('portfolios.applications.new.step_3_description' | translate) }} -

-
- - {{ MemberManagementTemplate( - application, - members, - new_member_form, - "applications.update_new_application_step_3", - user_can(permissions.CREATE_APPLICATION_MEMBER)) }} - +

+ {{ ('portfolios.applications.new.step_3_description' | translate) }} +

+
+ + {{ MemberManagementTemplate( + application, + members, + new_member_form, + "applications.update_new_application_step_3", + user_can(permissions.CREATE_APPLICATION_MEMBER)) }} + + + + + Return to Application Settings + + + Previous + + + Cancel + + - - - Return to Application Settings - - - Previous - - - Cancel - - -
{% endblock %}