VC-1403: Invite link screen looks bad (#619)

https://jesusfilmmedia.atlassian.net/browse/VC-1403 Co-authored-by: Vlad Mitkovsky <vlad@mitkovsky.com>
CruGlobal · Mar 26, 2021 · 1b468cb · 1b468cb
1 parent d31c2bf
commit 1b468cb
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/domain/Adventure/Share/index.tsx b/src/domain/Adventure/Share/index.tsx
@@ -122,18 +122,22 @@ function AdventureShareCode(props) {
         {isVideoInvite && (
           <Flex direction="column" align="center">
             <Text style={[st.fs22, st.white, st.pb4]}>{t('inviteLink')}: </Text>
-            <Touchable onPress={() => copyToClipboard(invitation.url)}>
+            <Touchable
+              onPress={() => copyToClipboard(invitation.url)}
+              style={{ width: '100%' }}
+            >
               <Flex
                 style={[
                   st.bw1,
                   st.borderWhite,
                   st.br5,
                   st.bgOffBlue,
                   st.pv5,
-                  st.ph2,
+                  st.ph4,
+                  { width: '100%' },
                 ]}
               >
-                <Text style={[st.white, st.fs24]}>
+                <Text style={[st.white, { fontSize: 18, textAlign: 'center' }]}>
                   {isVideoInvite ? invitation.url : invitation.code}
                 </Text>
               </Flex>