Touch up styles on member edit page

styles/sections/_member_edit.scss

@@ -1,3 +1,37 @@
+.member-edit {
+  .panel {
+    @include shadow-panel;
+    margin: $gap;
+    padding: 2 * $gap $gap;
+  }
+
+  .subheading {
+    @include subheading;
+  }
+
+  .manage-access {
+    padding: 2 * $gap;
+
+    .subtitle {
+      font-style: italic;
+      font-size: $small-font-size;
+      color: $color-gray;
+    }
+  }
+
+  .application-list-item {
+    margin: 2 * $gap 3 * $gap;
+
+    .block-list__header {
+      border-top-color: $color-gray-light;
+    }
+  }
+
+  .search-bar {
+    margin: 2 * $gap;
+  }
+}
+
 .member-card {
   @include grid-row;
   padding: $gap*2;

templates/portfolios/members/edit.html

@@ -13,7 +13,10 @@
 <form method="POST" action="{{ url_for('portfolios.update_member', portfolio_id=portfolio.id, member_id=member.user_id) }}" autocomplete="false">
   {{ form.csrf_token }}
 
-  <div class='panel member-card'>
+  <div class='member-edit'>
+    <div class="subheading">Edit Portfolio Member</div>
+    <div class="panel">
+      <div class='member-card'>
         <div class='member-card__header'>
           <h1 class='member-card__heading'>{{ member.user.full_name }}</h1>
 
@@ -61,10 +64,9 @@
         </div>
       </div>
 
-  <div class="panel">
-    <div class="panel__heading panel__heading--tight">
-      <h2 class="h3">Manage Access <div class="subtitle">Grant access to an environment</div></h2>
-    </div>
+      <div class="manage-access">
+        <div class="subheading">Manage Access</div>
+        <div class="subtitle">Grant access to an environment</div>
       </div>
 
       <div class='search-bar'>
@@ -173,6 +175,9 @@
       </edit-application-roles>
       {% endfor %}
 
+    </div>
+  </div>
+
   <div class='action-group'>
     <button class='action-group__action usa-button usa-button-big'>
       {% if is_new_member %}Create{% else %}Save{% endif %}
@@ -183,8 +188,6 @@
     </a>
   </div>
 
-  </form>
-
-
+</form>
 
 {% endblock %}