feat(prejoin): updated styles

react/features/prejoin/components/native/Prejoin.tsx

@@ -143,7 +143,7 @@ const Prejoin: React.FC<IPrejoinProps> = ({ navigation }: IPrejoinProps) => {
     return (
         <JitsiScreen
             addBottomPadding = { false }
-            safeAreaInsets = { [ 'left' ] }
+            safeAreaInsets = { [ 'left', 'right' ] }
             style = { contentWrapperStyles }>
             <BrandingImageBackground />
             {

react/features/prejoin/components/styles.js

@@ -3,11 +3,12 @@ import BaseTheme from '../../base/ui/components/BaseTheme.native';
 
 export default {
     joinButton: {
-        marginVertical: BaseTheme.spacing[3]
+        marginTop: BaseTheme.spacing[3]
     },
 
     joinLowBandwidthLabel: {
         color: BaseTheme.palette.text01,
+        marginTop: BaseTheme.spacing[3],
         textAlign: 'center'
     },
 
@@ -76,7 +77,7 @@ export default {
         flexDirection: 'row',
         height: 60,
         justifyContent: 'space-between',
-        marginVertical: BaseTheme.spacing[3],
+        marginBottom: BaseTheme.spacing[3],
         paddingHorizontal: BaseTheme.spacing[2],
         width: 148
     },