Update add new button styling

styles/components/_portfolio_layout.scss

@@ -140,16 +140,19 @@
 
   .panel {
     @include shadow-panel;
+    padding-bottom: $gap * 3;
+  }
+
+  a.add-new-button {
+    display: inherit;
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 50%;
+    margin-top: 3rem;
   }
 
   .member-list {
-    .panel {
-      @include shadow-panel;
-      padding-bottom: 0;
-    }
-
     .responsive-table-wrapper {
-      padding-bottom: $gap * 3;
       margin-bottom: 0;
     }
 
@@ -158,14 +161,6 @@
       margin-top: 0;
     }
 
-    a.create-member {
-      display: inherit;
-      margin-left: auto;
-      margin-right: auto;
-      max-width: 50%;
-      margin-top: 3rem;
-    }
-
     input.usa-button.usa-button-primary {
       width: 9rem;
       height: 4rem;
@@ -244,6 +239,7 @@
 
     .panel {
       @include shadow-panel;
+      padding-bottom: 0;
     }
 
     .application-list-item {

templates/applications/fragments/add_new_environment.html

@@ -26,8 +26,7 @@
         </div>
       </form>
     </div>
-    <a class='icon-link icon-link__add' v-on:click="toggle">
-      {{ Icon('plus') }}
+    <a class="usa-button usa-button-secondary add-new-button" v-on:click="openModal('{{ new_member_modal_name }}')">
       {{ "portfolios.applications.add_environment" | translate }}
     </a>
   </div>

templates/applications/settings.html

@@ -141,9 +141,7 @@
       </div>
     </div>
     {% if user_can(permissions.CREATE_ENVIRONMENT) %}
-      <div class='subheading'>
       {% include "applications/fragments/add_new_environment.html" %}
-      </div>
     {% endif %}
   </section>
 

templates/fragments/members.html

@@ -165,7 +165,7 @@
           </tbody>
         </table>
         {% if user_can_create_app_member %}
-          <a class="usa-button usa-button-secondary create-member" v-on:click="openModal('{{ new_member_modal_name }}')">
+          <a class="usa-button usa-button-secondary add-new-button" v-on:click="openModal('{{ new_member_modal_name }}')">
             {{ "portfolios.applications.add_member" | translate }}
           </a>
         {% endif %}