Merge pull request #6237 from Santhosh-Sellavel/Improve_Payment_Optio…

…ns_Floating_Button padding using wrapperStyle
Expensify · Nov 5, 2021 · 3d22037 · 3d22037
2 parents 0a92efa + 26b420d
commit 3d22037
Showing 1 changed file with 13 additions and 13 deletions.
diff --git a/src/pages/settings/Payments/PaymentsPage.js b/src/pages/settings/Payments/PaymentsPage.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import {ScrollView, View} from 'react-native';
+import {ScrollView} from 'react-native';
 import {withOnyx} from 'react-native-onyx';
 import PropTypes from 'prop-types';
 import PaymentMethodList from './PaymentMethodList';
@@ -143,20 +143,20 @@ class PaymentsPage extends React.Component {
                             left: this.state.anchorPositionLeft,
                         }}
                     >
-                        <View style={styles.pr15}>
-                            {!this.props.payPalMeUsername && (
-                                <MenuItem
-                                    title={this.props.translate('common.payPalMe')}
-                                    icon={PayPal}
-                                    onPress={() => this.addPaymentMethodTypePressed(PAYPAL)}
-                                />
-                            )}
+                        {!this.props.payPalMeUsername && (
                             <MenuItem
-                                title={this.props.translate('common.debitCard')}
-                                icon={CreditCard}
-                                onPress={() => this.addPaymentMethodTypePressed(DEBIT_CARD)}
+                                title={this.props.translate('common.payPalMe')}
+                                icon={PayPal}
+                                onPress={() => this.addPaymentMethodTypePressed(PAYPAL)}
+                                wrapperStyle={styles.pr15}
                             />
-                        </View>
+                        )}
+                        <MenuItem
+                            title={this.props.translate('common.debitCard')}
+                            icon={CreditCard}
+                            onPress={() => this.addPaymentMethodTypePressed(DEBIT_CARD)}
+                            wrapperStyle={styles.pr15}
+                        />
                     </Popover>
                 </KeyboardAvoidingView>
             </ScreenWrapper>