Styling for edit member modal

templates/portfolios/applications/settings.html

@@ -122,14 +122,21 @@
         {% endif %}
         {% for member in members %}
           {% set modal_name = "edit_member-{}".format(loop.index) %}
-          {% call Modal(modal_name, dismissable=True) %}
+          {% call Modal(modal_name) %}
+            <div class="modal__form--header">
+              <h1>{{ Icon('avatar') }} {{ member.user_name }}</h1>
+              <hr>
+            </div>
             <form id='{{ modal_name }}' method="POST" action="{{ url_for('applications.update_member', application_id=application.id, application_role_id=member.role_id) }}">
               {{ member.form.csrf_token }}
               {{ MemberPermsFields(app_perms_form=member.form, env_roles_form=member.form.environment_roles, member_role_id=member.role_id) }}
-              <input
-                type="submit"
-                class='action-group__action usa-button'
-                value='Update'>
+              <div class="action-group">
+                <input
+                  type="submit"
+                  class='action-group__action usa-button'
+                  value='Update'>
+                <a class='action-group__action usa-button usa-button-secondary' v-on:click="closeModal('{{ modal_name }}')">{{ "common.cancel" | translate }}</a>
+              </div>
             </form>
           {% endcall %}
         {% endfor %}