Merge pull request #42089 from s77rt/tags-table-head-padding

Use padding in table head only in multi-select mode
Expensify · May 13, 2024 · 538040a · 538040a
2 parents 5273888 + 26530ce
commit 538040a
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/pages/workspace/tags/WorkspaceTagsPage.tsx b/src/pages/workspace/tags/WorkspaceTagsPage.tsx
@@ -127,7 +127,15 @@ function WorkspaceTagsPage({route}: WorkspaceTagsPageProps) {
 
     const getCustomListHeader = () => {
         const header = (
-            <View style={[styles.flex1, styles.flexRow, styles.justifyContentBetween, canSelectMultiple && styles.pl3, styles.pr9]}>
+            <View
+                style={[
+                    styles.flex1,
+                    styles.flexRow,
+                    styles.justifyContentBetween,
+                    // Required padding accounting for the checkbox and the right arrow in multi-select mode
+                    canSelectMultiple && [styles.pl3, styles.pr9],
+                ]}
+            >
                 <Text style={styles.searchInputStyle}>{translate('common.name')}</Text>
                 <Text style={[styles.searchInputStyle, styles.textAlignCenter]}>{translate('statusPage.status')}</Text>
             </View>