Update name and description section

styles/elements/_inputs.scss

@@ -58,6 +58,7 @@
 
 .usa-input {
   margin: ($gap * 4) ($gap * 2) ($gap * 4) 0;
+  max-width: 75rem;
 
   @include media($medium-screen) {
     margin: ($gap * 4) 0;

templates/portfolios/applications/settings.html

@@ -14,7 +14,7 @@
 
 {% block application_content %}
 
-  <div class='subheading'>{{ 'portfolios.applications.settings_heading' | translate }}</div>
+  <div class='subheading'>{{ 'portfolios.applications.settings.name_description' | translate }}</div>
 
   {% if user_can(permissions.EDIT_APPLICATION) %}
     <base-form inline-template>
@@ -22,32 +22,16 @@
         <div class="panel">
           <div class="panel__content">
             {{ application_form.csrf_token }}
-            <p>
-              {{ "fragments.edit_application_form.explain" | translate }}
-            </p>
             <div class="form-row">
               <div class="form-col form-col--two-thirds">
                 {{ TextInput(application_form.name, optional=False) }}
                 {{ TextInput(application_form.description, paragraph=True, optional=False) }}
               </div>
-              <div class="form-col form-col--third">
-                {% if user_can(permissions.DELETE_APPLICATION) %}
-                  <div class="usa-input">
-                    <input
-                      id="delete-application"
-                      type="button"
-                      v-on:click="openModal('delete-application')"
-                      class='usa-button button-danger-outline'
-                      value="{{ 'portfolios.applications.delete.button' | translate }}"
-                      >
-                  </div>
-                {% endif %}
-              </div>
             </div>
           </div>
           <div class="panel__footer">
             <div class="action-group">
-              {{ SaveButton('common.save'|translate) }}
+              {{ SaveButton('common.save_changes'|translate) }}
             </div>
           </div>
         </div>
@@ -244,6 +228,16 @@
   </div>
 
   {% if user_can(permissions.DELETE_APPLICATION) %}
+    <div class="usa-input">
+      <input
+        id="delete-application"
+        type="button"
+        v-on:click="openModal('delete-application')"
+        class='usa-button button-danger-outline'
+        value="{{ 'portfolios.applications.delete.button' | translate }}"
+        >
+    </div>
+
     {% call Modal(name="delete-application") %}
       <h1>{{ "portfolios.applications.delete.header" | translate }}</h1>
 

translations.yaml

@@ -59,6 +59,7 @@ common:
   'no': 'No'
   response_label: Response required
   save: Save
+  save_changes: Save Changes
   undo: Undo
   view: View
   resource_names:
@@ -308,6 +309,8 @@ portfolios:
     existing_application_title: '{application_name} Application Settings'
     new_application_title: New Application
     settings_heading: Application Settings
+    settings:
+      name_description: Name and Description
     team_settings:
       blank_slate:
         action_label: Invite a new team member