diff --git a/app/renderer/components/preferences/payment/disabledContent.js b/app/renderer/components/preferences/payment/disabledContent.js index 0933d893487..d4c474e62f3 100644 --- a/app/renderer/components/preferences/payment/disabledContent.js +++ b/app/renderer/components/preferences/payment/disabledContent.js @@ -20,8 +20,8 @@ const CoinBase2 = require('../../../../extensions/brave/img/coinbase_2x.png') class DisabledContent extends ImmutableComponent { render () { - return
-
+ return
+

@@ -48,6 +48,13 @@ class DisabledContent extends ImmutableComponent { } const styles = StyleSheet.create({ + disabledContent: { + display: 'flex', + alignItems: 'flex-start', + justifyContent: 'center', + marginTop: globalStyles.spacing.panelMargin + }, + paymentsMessage: { backgroundColor: globalStyles.color.lightGray, borderRadius: globalStyles.radius.borderRadiusUIbox, @@ -55,8 +62,7 @@ const styles = StyleSheet.create({ fontSize: paymentStyles.font.regular, lineHeight: '1.8em', color: globalStyles.color.mediumGray, - width: '500px', - float: 'left' + width: '500px' }, text: { @@ -68,10 +74,6 @@ const styles = StyleSheet.create({ margin: '50px 0 20px 12px' }, - walletBarMargin: { - marginTop: globalStyles.spacing.panelMargin - }, - h3: { fontSize: '18px', paddingBottom: '0.5em' @@ -89,7 +91,6 @@ const styles = StyleSheet.create({ paymentsSidebar: { opacity: 0.8, width: '200px', - float: 'left', marginLeft: '23px' },