fix: Tags setting - Members must tag all expenses toggle is misaligned in some languages.

Signed-off-by: krishna2323 <belivethatkg@gmail.com>

Author: Krishna2323

src/components/ImportSpreadsheetColumns.tsx

@@ -80,8 +80,7 @@ function ImportSpreadsheetColumns({
                     </Text>
                     {shouldShowColumnHeader && (
                         <View style={[styles.mt7, styles.flexRow, styles.justifyContentBetween, styles.alignItemsCenter]}>
-                            <Text>{translate('spreadsheet.fileContainsHeader')}</Text>
-
+                            <Text style={styles.flex1}>{translate('spreadsheet.fileContainsHeader')}</Text>
                             <Switch
                                 accessibilityLabel={translate('spreadsheet.fileContainsHeader')}
                                 isOn={containsHeader}

src/pages/workspace/rules/RulesProhibitedDefaultPage.tsx

@@ -55,7 +55,7 @@ function RulesProhibitedDefaultPage({
                             key={translate(`workspace.rules.individualExpenseRules.${prohibitedExpense}`)}
                         >
                             <View style={[styles.flexRow, styles.alignItemsCenter, styles.justifyContentBetween, styles.mt3, styles.mh5, styles.mb5]}>
-                                <Text>{translate(`workspace.rules.individualExpenseRules.${prohibitedExpense}`)}</Text>
+                                <Text style={styles.flex1}>{translate(`workspace.rules.individualExpenseRules.${prohibitedExpense}`)}</Text>
                                 <Switch
                                     isOn={policy?.prohibitedExpenses?.[prohibitedExpense] ?? false}
                                     accessibilityLabel={translate(`workspace.rules.individualExpenseRules.${prohibitedExpense}`)}

src/pages/workspace/tags/ImportMultiLevelTagsSettingsPage.tsx

@@ -92,7 +92,7 @@ function ImportMultiLevelTagsSettingsPage({route}: ImportMultiLevelTagsSettingsP
                     <Text style={[styles.textSupporting, styles.textNormal, styles.ph5]}>{translate('workspace.tags.configureMultiLevelTags')}</Text>
 
                     <View style={[styles.flexRow, styles.mh5, styles.mv4, styles.alignItemsCenter, styles.justifyContentBetween]}>
-                        <Text style={[styles.textNormal]}>{translate('workspace.tags.importMultiLevelTags.firstRowTitle')}</Text>
+                        <Text style={[styles.textNormal, styles.flex1]}>{translate('workspace.tags.importMultiLevelTags.firstRowTitle')}</Text>
                         <Switch
                             isOn={spreadsheet?.containsHeader ?? true}
                             accessibilityLabel={translate('workspace.tags.importMultiLevelTags.firstRowTitle')}
@@ -103,7 +103,7 @@ function ImportMultiLevelTagsSettingsPage({route}: ImportMultiLevelTagsSettingsP
                     </View>
 
                     <View style={[styles.flexRow, styles.mh5, styles.mv4, styles.alignItemsCenter, styles.justifyContentBetween]}>
-                        <Text style={[styles.textNormal]}>{translate('workspace.tags.importMultiLevelTags.independentTags')}</Text>
+                        <Text style={[styles.textNormal, styles.flex1]}>{translate('workspace.tags.importMultiLevelTags.independentTags')}</Text>
                         <Switch
                             isOn={spreadsheet?.isImportingIndependentMultiLevelTags ?? true}
                             accessibilityLabel={translate('workspace.tags.importMultiLevelTags.independentTags')}
@@ -114,7 +114,7 @@ function ImportMultiLevelTagsSettingsPage({route}: ImportMultiLevelTagsSettingsP
                     </View>
 
                     <View style={[styles.flexRow, styles.mh5, styles.mv4, styles.alignItemsCenter, styles.justifyContentBetween]}>
-                        <Text style={[styles.textNormal]}>{translate('workspace.tags.importMultiLevelTags.glAdjacentColumn')}</Text>
+                        <Text style={[styles.textNormal, styles.flex1]}>{translate('workspace.tags.importMultiLevelTags.glAdjacentColumn')}</Text>
                         <Switch
                             isOn={spreadsheet?.isGLAdjacent ?? false}
                             accessibilityLabel={translate('workspace.tags.importMultiLevelTags.glAdjacentColumn')}

src/pages/workspace/tags/WorkspaceTagsSettingsPage.tsx

@@ -97,7 +97,7 @@ function WorkspaceTagsSettingsPage({route}: WorkspaceTagsSettingsPageProps) {
                 errorRowStyles={styles.mh5}
             >
                 <View style={[styles.flexRow, styles.mh5, styles.mv4, styles.alignItemsCenter, styles.justifyContentBetween]}>
-                    <Text style={[styles.textNormal]}>{translate('workspace.tags.requiresTag')}</Text>
+                    <Text style={[styles.textNormal, styles.flex1]}>{translate('workspace.tags.requiresTag')}</Text>
                     <Switch
                         isOn={policy?.requiresTag ?? false}
                         accessibilityLabel={translate('workspace.tags.requiresTag')}
@@ -108,7 +108,7 @@ function WorkspaceTagsSettingsPage({route}: WorkspaceTagsSettingsPageProps) {
             </OfflineWithFeedback>
             <OfflineWithFeedback pendingAction={billableExpensesPending(policy)}>
                 <View style={[styles.flexRow, styles.mh5, styles.mv4, styles.alignItemsCenter, styles.justifyContentBetween]}>
-                    <Text style={[styles.textNormal]}>{translate('workspace.tags.trackBillable')}</Text>
+                    <Text style={[styles.textNormal, styles.flex1]}>{translate('workspace.tags.trackBillable')}</Text>
                     <Switch
                         isOn={!(policy?.disabledFields?.defaultBillable ?? false)}
                         accessibilityLabel={translate('workspace.tags.trackBillable')}