Merge pull request #5532 from parasharrajat/ui-fixes

fix: email overflow in Details page on Mobile devices
Expensify · Sep 29, 2021 · e1d0220 · e1d0220
2 parents d54f307 + 3f0a497
commit e1d0220
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/CommunicationsLink.js b/src/components/CommunicationsLink.js
@@ -36,6 +36,7 @@ const CommunicationsLink = props => (
         {props.isSmallScreenWidth
             ? (
                 <Pressable
+                    style={styles.mw100}
                     onPress={() => Linking.openURL(
                         props.type === CONST.LOGIN_TYPE.PHONE
                             ? `tel:${props.value}`

diff --git a/src/pages/DetailsPage.js b/src/pages/DetailsPage.js
@@ -110,7 +110,7 @@ const DetailsPage = ({
                                         type={isSMSLogin ? CONST.LOGIN_TYPE.PHONE : CONST.LOGIN_TYPE.EMAIL}
                                         value={isSMSLogin ? getPhoneNumber(details) : details.login}
                                     >
-                                        <Text numberOfLines={1}>
+                                        <Text numberOfLines={1} style={[styles.w100]}>
                                             {isSMSLogin
                                                 ? toLocalPhone(getPhoneNumber(details))
                                                 : details.login}