Match empty state for app members with designs

styles/components/_empty_state.scss

@@ -4,6 +4,20 @@
   background-color: $color-gray-lightest;
   margin-top: $gap * 5;
 
+  &--white {
+    background-color: $color-white;
+  }
+
+  &--centered {
+    text-align: center;
+  }
+
+  &__message {
+    display: inline-block;
+    font-weight: bold;
+    margin-top: 3rem;
+  }
+
   hr {
     margin-left: -$gap * 3;
     margin-right: -$gap * 3;

templates/applications/fragments/members.html

@@ -23,7 +23,7 @@
 
   <div class="panel">
   {% if not application.members %}
-    <div class='empty-state panel__content'>
+    <div class='empty-state empty-state--centered empty-state--white panel__content'>
       <p class='empty-state__message'>
         {{ ("portfolios.applications.members.blank_slate" | translate) }}
       </p>

translations.yaml

@@ -402,7 +402,7 @@ portfolios:
   applications:
     add_application_text: Add a new application
     add_environment: Create an Environment
-    add_member: Add Team Member
+    add_member: Add New Member
     add_another_environment: Add another environment
     app_settings_text: App settings
     create_button: Create Application