From cb29f7508d341fc8414e42f7219451dc1d952221 Mon Sep 17 00:00:00 2001
From: Bernhard Owen Josephus <bernhard.josephus@gmail.com>
Date: Thu, 13 Apr 2023 15:09:18 +0800
Subject: [PATCH] use a proper alignment style

---
 src/pages/workspace/WorkspaceMembersPage.js | 25 +++++++++------------
 src/styles/styles.js                        |  5 +----
 2 files changed, 11 insertions(+), 19 deletions(-)

diff --git a/src/pages/workspace/WorkspaceMembersPage.js b/src/pages/workspace/WorkspaceMembersPage.js
index a8eaafffdf2e..a10e39b03293 100644
--- a/src/pages/workspace/WorkspaceMembersPage.js
+++ b/src/pages/workspace/WorkspaceMembersPage.js
@@ -281,7 +281,6 @@ class WorkspaceMembersPage extends React.Component {
                     activeOpacity={0.7}
                 >
                     <Checkbox
-                        style={[styles.peopleRowCell]}
                         isChecked={_.contains(this.state.selectedEmployees, item.login)}
                         onPress={() => this.toggleUser(item.login, item.pendingAction)}
                     />
@@ -303,12 +302,10 @@ class WorkspaceMembersPage extends React.Component {
                         />
                     </View>
                     {(this.props.session.email === item.login || item.role === 'admin') && (
-                        <View style={styles.peopleRowCell}>
-                            <View style={[styles.badge, styles.peopleBadge]}>
-                                <Text style={[styles.peopleBadgeText]}>
-                                    {this.props.translate('common.admin')}
-                                </Text>
-                            </View>
+                        <View style={[styles.badge, styles.peopleBadge]}>
+                            <Text style={[styles.peopleBadgeText]}>
+                                {this.props.translate('common.admin')}
+                            </Text>
                         </View>
                     )}
                 </TouchableOpacity>
@@ -418,14 +415,12 @@ class WorkspaceMembersPage extends React.Component {
                             {data.length > 0 ? (
                                 <View style={[styles.w100, styles.mt4, styles.flex1]}>
                                     <View style={[styles.peopleRow, styles.ph5, styles.pb3]}>
-                                        <View style={[styles.peopleRowCell]}>
-                                            <Checkbox
-                                                isChecked={!_.isEmpty(removableMembers)
-                                                    && _.every(_.keys(removableMembers), memberEmail => _.contains(this.state.selectedEmployees, memberEmail))}
-                                                onPress={() => this.toggleAllUsers(removableMembers)}
-                                            />
-                                        </View>
-                                        <View style={[styles.peopleRowCell, styles.flex1]}>
+                                        <Checkbox
+                                            isChecked={!_.isEmpty(removableMembers)
+                                                && _.every(_.keys(removableMembers), memberEmail => _.contains(this.state.selectedEmployees, memberEmail))}
+                                            onPress={() => this.toggleAllUsers(removableMembers)}
+                                        />
+                                        <View style={[styles.flex1]}>
                                             <Text style={[styles.textStrong, styles.ph5]}>
                                                 {this.props.translate('workspace.people.selectAll')}
                                             </Text>
diff --git a/src/styles/styles.js b/src/styles/styles.js
index 2bee21821a05..f32450526c95 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -2553,6 +2553,7 @@ const styles = {
         width: '100%',
         flexDirection: 'row',
         justifyContent: 'space-between',
+        alignItems: 'center',
         ...spacing.pt2,
     },
 
@@ -2562,10 +2563,6 @@ const styles = {
         ...spacing.pb2,
     },
 
-    peopleRowCell: {
-        justifyContent: 'center',
-    },
-
     peopleBadge: {
         backgroundColor: themeColors.icon,
         ...spacing.ph3,