diff --git a/src/pages/settings/Payments/PaymentsPage.js b/src/pages/settings/Payments/PaymentsPage.js index 3934c2f1efe2..19adca736e72 100644 --- a/src/pages/settings/Payments/PaymentsPage.js +++ b/src/pages/settings/Payments/PaymentsPage.js @@ -1,5 +1,5 @@ import React from 'react'; -import {ScrollView} from 'react-native'; +import {ScrollView, View} from 'react-native'; import {withOnyx} from 'react-native-onyx'; import PropTypes from 'prop-types'; import PaymentMethodList from './PaymentMethodList'; @@ -143,18 +143,20 @@ class PaymentsPage extends React.Component { left: this.state.anchorPositionLeft, }} > - {!this.props.payPalMeUsername && ( + + {!this.props.payPalMeUsername && ( + this.addPaymentMethodTypePressed(PAYPAL)} + /> + )} this.addPaymentMethodTypePressed(PAYPAL)} + title={this.props.translate('common.debitCard')} + icon={CreditCard} + onPress={() => this.addPaymentMethodTypePressed(DEBIT_CARD)} /> - )} - this.addPaymentMethodTypePressed(DEBIT_CARD)} - /> + diff --git a/src/styles/utilities/spacing.js b/src/styles/utilities/spacing.js index 3f15484e2eec..9696cc0e7afe 100644 --- a/src/styles/utilities/spacing.js +++ b/src/styles/utilities/spacing.js @@ -264,6 +264,10 @@ export default { paddingRight: 32, }, + pr15: { + paddingRight: 60, + }, + pl5: { paddingLeft: 20, },