Merge pull request #6049 from luixxiul/fix-transfer-funds-button

Added margin-bottom to the transfer funds button on about:preferences#payments
brave · Dec 7, 2016 · 254cffb · 254cffb
2 parents 2bff644 + 335d3f0
commit 254cffb
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/js/about/preferences.js b/js/about/preferences.js
@@ -506,12 +506,12 @@ class BitcoinDashboard extends ImmutableComponent {
                   this.ledgerData.get('hasBitcoinHandler') && this.ledgerData.get('paymentURL')
                     ? <div>
                       <a href={this.ledgerData.get('paymentURL')} target='_blank'>
-                        <Button l10nId='bitcoinVisitAccount' className='primaryButton' />
+                        <Button l10nId='bitcoinVisitAccount' className='primaryButton bitcoinAddressButton' />
                       </a>
-                      <div data-l10n-id='bitcoinAddress' className='labelText' />
+                      <div data-l10n-id='bitcoinAddress' className='walletLabelText' />
                     </div>
                     : <div>
-                      <div data-l10n-id='bitcoinPaymentURL' className='labelText' />
+                      <div data-l10n-id='bitcoinPaymentURL' className='walletLabelText' />
                     </div>
                 }
                 <div className='walletAddressText'>{this.ledgerData.get('address')}</div>

diff --git a/less/about/preferences.less b/less/about/preferences.less
@@ -941,10 +941,20 @@ div.nextPaymentSubmission {
       font-size: 0.9em;
     }
 
+    .bitcoinAddressButton {
+      margin-bottom: 15px; // .walletAddressText
+    }
+
+    .walletLabelText {
+      font-size: 1em;
+      color: @braveOrange;
+      margin-bottom: 5px;
+    }
+
     .walletAddressText {
       font-size: 12px;
       color: black;
-      margin-bottom: 20px;
+      margin-bottom: 15px; // .bitcoinAddressButton
     }
 
     .settingsListTitle {