From b243e80cb883aa1c94fec6c90466005091d15345 Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Wed, 26 Jul 2017 21:49:20 +0900 Subject: [PATCH] Align paymentsMessage and paymentsSidebar with flex instead of float Fixes #10153 Auditors: @cezaraugusto Test Plan: 1. Open about:preferences#payments 2. Enable and disable Payments 3. Make sure that the margin between the title wrapper and the content does not change --- .../preferences/payment/disabledContent.js | 19 ++++++++++--------- 1 file changed, 10 insertions(+), 9 deletions(-) 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' },