fix manage member style

frontend/src/components/dialog/manage-members-dialog.js

@@ -49,7 +49,7 @@ class ManageMembersDialog extends React.Component {
             )
           }
         </ModalHeader>
-        <ModalBody>
+        <ModalBody className="pb-0">
           {currentMode == MANAGEMENT_MODE.LIST_AND_ADD ?
             <ListAndAddGroupMembers
               groupID={groupID}

frontend/src/components/search-group-members.js

@@ -24,6 +24,7 @@ class SearchGroupMembers extends React.Component {
       errMessage: [],
       isItemFreezed: false
     };
+    this.isInit = true;
   }
 
   toggleItemFreezed = (isFreezed) => {
@@ -66,6 +67,7 @@ class SearchGroupMembers extends React.Component {
         groupMembers: res.data,
         errorMsg: ''
       });
+      this.isInit = false;
     }).catch(error => {
       let errMessage = Utils.getErrorMsg(error);
       this.setState({
@@ -106,6 +108,7 @@ class SearchGroupMembers extends React.Component {
         <div className="manage-members">
           {isLoading ? <Loading /> : (
             <Fragment>
+              {groupMembers.length === 0 && !this.isInit && <div className="mx-2 my-4">{gettext('No users')}</div>}
               {groupMembers.length > 0 && (
                 <GroupMembers
                   groupMembers={groupMembers}

frontend/src/css/manage-members-dialog.css

@@ -1,8 +1,9 @@
 .manage-members {
   max-height: 300px;
   overflow-y: scroll;
-  margin: 10px 0 2rem;
+  padding: 0.5rem 0;
 }
+
 .manage-members-table th,
 .manage-members-table td {
   vertical-align: middle;
@@ -21,15 +22,17 @@
 .add-members .add-members-select {
   width: 385px;
 }
+
 .add-members .btn {
   width: 75px;
 }
+
 .group-error {
   margin-top: 10px;
 }
 
 .group-manage-members-dialog .back-icon {
-  color: #999; 
+  color: #999999; 
   cursor: pointer;
 }