From 75c7cb86c60a4a534cff3128f277c50f3e92ae04 Mon Sep 17 00:00:00 2001
From: llj <lingjun.li1@gmail.com>
Date: Wed, 27 Oct 2021 16:58:37 +0800
Subject: [PATCH] [group] manage members: modified UI details

---
 frontend/src/components/list-and-add-group-members.js | 2 +-
 frontend/src/css/manage-members-dialog.css            | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/list-and-add-group-members.js b/frontend/src/components/list-and-add-group-members.js
index 169df807b0..ee607f201f 100644
--- a/frontend/src/components/list-and-add-group-members.js
+++ b/frontend/src/components/list-and-add-group-members.js
@@ -134,7 +134,7 @@ class ManageMembersDialog extends React.Component {
     const { isLoading, hasNextPage, groupMembers } = this.state;
     return (
       <Fragment>
-        <p>{gettext('Add group member')}</p>
+        <p className="mb-2">{gettext('Add group member')}</p>
         <div className='add-members'>
           <UserSelect
             placeholder={gettext('Search users...')}
diff --git a/frontend/src/css/manage-members-dialog.css b/frontend/src/css/manage-members-dialog.css
index 5c5914e95f..1220f5ff71 100644
--- a/frontend/src/css/manage-members-dialog.css
+++ b/frontend/src/css/manage-members-dialog.css
@@ -34,6 +34,8 @@
 }
 
 .group-manage-members-dialog .search-group-members-btn {
+  font-size: 14px;
+  font-weight: normal;
   background: #f1f1f1;
   margin: 12px 0 0;
 }