styling invite friend tile + ph_no unformatted

1 files changed, 20 insertions, 1 deletions

diff --git a/src/components/friends/InviteFriendTile.tsx b/src/components/friends/InviteFriendTile.tsx
index 96b73378..0110fb74 100644
--- a/src/components/friends/InviteFriendTile.tsx
+++ b/src/components/friends/InviteFriendTile.tsx
@@ -34,7 +34,25 @@ const InviteFriendTile: React.FC<InviteFriendTileProps> = ({item}) => {
   return (
     <TouchableWithoutFeedback>
       <View style={styles.container}>
-        <Text style={styles.label}>{item.firstName + ' ' + item.lastName}</Text>
+        <View
+          style={{
+            flexDirection: 'column',
+            height: normalize(42),
+            justifyContent: 'space-around',
+          }}>
+          <Text style={styles.label}>
+            {item.firstName + ' ' + item.lastName}
+          </Text>
+          <Text
+            style={{
+              fontSize: normalize(12),
+              fontWeight: '400',
+              color: '#6C6C6C',
+              letterSpacing: normalize(0.1),
+            }}>
+            {item.phoneNumber}
+          </Text>
+        </View>
         <TouchableOpacity
           disabled={invited}
           style={styles.button}
@@ -54,6 +72,7 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'space-between',
     height: normalize(42),
+    marginBottom: '5%',
   },
   label: {
     fontWeight: '500',