Manage project team dialog fixes

apps/red-ui/src/app/dialogs/assign-owner-dialog/assign-owner-dialog.component.html

@@ -14,7 +14,7 @@
                 </mat-form-field>
             </div>
             <ng-container *ngIf="data.type === 'project'">
-                <div class="all-caps-label" [translate]="'assign-' + data.type + '-owner.dialog.members'"></div>
+                <div class="all-caps-label mt-10" [translate]="'assign-' + data.type + '-owner.dialog.members'"></div>
                 <redaction-team-members
                     [memberIds]="selectedUserList"
                     [canAdd]="false"
@@ -22,6 +22,9 @@
                     [canRemove]="true"
                     (remove)="toggleSelected($event)"
                 ></redaction-team-members>
+
+                <pre *ngIf="selectedUserList.length === 0" class="info" [innerHTML]="'assign-' + data.type + '-owner.dialog.no-members' | translate"></pre>
+
                 <form [formGroup]="searchForm">
                     <div class="red-input-group search-container">
                         <input

apps/red-ui/src/app/dialogs/assign-owner-dialog/assign-owner-dialog.component.scss

@@ -1,5 +1,9 @@
 @import '../../../assets/styles/red-mixins';
 
+.dialog-content {
+    padding-bottom: 0;
+}
+
 .search-container {
     width: 560px;
     margin-top: 16px;
@@ -65,3 +69,11 @@
         }
     }
 }
+
+.info {
+    margin-top: 4px;
+}
+
+.mt-10 {
+    margin-top: 10px;
+}

apps/red-ui/src/assets/i18n/en.json

@@ -358,7 +358,8 @@
             "members": "Members",
             "save": "Save Changes",
             "cancel": "Cancel",
-            "search": "Search..."
+            "search": "Search...",
+            "no-members": "No members yet.\nSelect from the list below."
         }
     },
     "project-member-guard": {

apps/red-ui/src/assets/styles/red-text-styles.scss

@@ -11,6 +11,11 @@ a {
     cursor: pointer;
 }
 
+pre {
+    font-family: Inter, sans-serif;
+    color: $accent;
+}
+
 .heading-xl {
     font-size: 24px;
     font-weight: 600;
@@ -29,6 +34,12 @@ a {
     font-weight: 600;
 }
 
+.info {
+    font-size: 13px;
+    line-height: 18px;
+    opacity: 0.7;
+}
+
 .page-title {
     font-size: 13px;
     font-weight: 600;