Merge pull request #41615 from Expensify/cmartins-fixlayoutonios

Fix layout on ios
Expensify · May 6, 2024 · 4c243a2 · 4c243a2
2 parents 0c2d513 + 64da3b8
commit 4c243a2
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/src/components/Search.tsx b/src/components/Search.tsx
@@ -69,6 +69,7 @@ function Search({query}: SearchProps) {
             }}
             shouldPreventDefaultFocusOnSelectRow={!DeviceCapabilities.canUseTouchScreen()}
             listHeaderWrapperStyle={[styles.ph9, styles.pv3, styles.pb5]}
+            containerStyle={[styles.pv0]}
         />
     );
 }

diff --git a/src/components/SelectionList/TransactionListItem.tsx b/src/components/SelectionList/TransactionListItem.tsx
@@ -100,7 +100,7 @@ function TransactionListItem<TItem extends ListItem>({
                 />
                 <Text
                     numberOfLines={1}
-                    style={[styles.textMicroBold]}
+                    style={[styles.textMicroBold, styles.flexShrink1]}
                 >
                     {displayName}
                 </Text>
@@ -164,14 +164,14 @@ function TransactionListItem<TItem extends ListItem>({
                     <>
                         <View style={[styles.flexRow, styles.alignItemsCenter, styles.justifyContentBetween, styles.mb2, styles.gap2]}>
                             <View style={[styles.flexRow, styles.alignItemsCenter, styles.gap1, styles.flex1]}>
-                                <View style={[styles.flexGrow0, styles.flexShrink1, styles.mw50]}>{userCell(transactionItem.from)}</View>
+                                <View style={[styles.mw50]}>{userCell(transactionItem.from)}</View>
                                 <Icon
                                     src={Expensicons.ArrowRightLong}
                                     width={variables.iconSizeXXSmall}
                                     height={variables.iconSizeXXSmall}
                                     fill={theme.icon}
                                 />
-                                <View style={[styles.flexGrow0, styles.flexShrink1, styles.mw50]}>{userCell(transactionItem.to)}</View>
+                                <View style={[styles.mw50]}>{userCell(transactionItem.to)}</View>
                             </View>
                             <View style={[StyleUtils.getWidthStyle(variables.w80)]}>{actionCell}</View>
                         </View>

diff --git a/src/pages/Search/SearchPageBottomTab.tsx b/src/pages/Search/SearchPageBottomTab.tsx
@@ -28,7 +28,7 @@ function SearchPageBottomTab() {
     return (
         <ScreenWrapper
             testID={SearchPageBottomTab.displayName}
-            style={styles.pt0}
+            style={styles.pv0}
         >
             <FullPageNotFoundView
                 shouldShow={!isValidQuery}
-Original file line number
+Diff line change
@@ Expand Up / @@ -69,6 +69,7 @@ function Search({query}: SearchProps) { @@
                 }}
                 shouldPreventDefaultFocusOnSelectRow={!DeviceCapabilities.canUseTouchScreen()}
                 listHeaderWrapperStyle={[styles.ph9, styles.pv3, styles.pb5]}
+                containerStyle={[styles.pv0]}
             />
         );
     }
@@ Expand Down @@