From 4a9e270a449f06b2133091f4929e1784df3bce3a Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@gmail.com>
Date: Mon, 15 May 2017 19:15:42 +0900
Subject: [PATCH] Add padding around showAllWrap button

Fix #8869

Auditors:

Test Plan:
1. Run "npm run add-simulated-synopsis-visits" until "Show All" button appears
2. Open about:preferences#payments
3. Disable payments
4. Make sure there is 40 px padding under the panel
5. Enable payments
6. Make sure there is 40 px padding under "Show All" button
---
 app/renderer/components/preferences/payment/ledgerTable.js | 7 +++----
 app/renderer/components/preferences/paymentsTab.js         | 3 ++-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/renderer/components/preferences/payment/ledgerTable.js b/app/renderer/components/preferences/payment/ledgerTable.js
index 00c44de44e8..7c6d0172452 100644
--- a/app/renderer/components/preferences/payment/ledgerTable.js
+++ b/app/renderer/components/preferences/payment/ledgerTable.js
@@ -301,7 +301,7 @@ class LedgerTable extends ImmutableComponent {
       />
       {
         (totalUnPinnedRows !== unPinnedRows.size && hideLower)
-        ? <div className={css(styles.showAllWrap)}>
+        ? <div className={css(styles.ledgerTable__showAllWrap)}>
           <BrowserButton secondaryColor
             l10nId={hideLower ? 'showAll' : 'hideLower'}
             onClick={this.showAll.bind(this, !hideLower)}
@@ -464,10 +464,9 @@ const styles = StyleSheet.create({
     right: '2px'
   },
 
-  showAllWrap: {
+  ledgerTable__showAllWrap: {
     textAlign: 'center',
-    paddingBottom: '10px',
-    marginTop: '-20px'
+    marginTop: globalStyles.spacing.panelMargin
   }
 })
 
diff --git a/app/renderer/components/preferences/paymentsTab.js b/app/renderer/components/preferences/paymentsTab.js
index 719fe16629d..1446f64aeea 100644
--- a/app/renderer/components/preferences/paymentsTab.js
+++ b/app/renderer/components/preferences/paymentsTab.js
@@ -288,7 +288,8 @@ const styles = StyleSheet.create({
   paymentsContainer: {
     position: 'relative',
     overflowX: 'hidden',
-    width: '805px'
+    width: '805px',
+    paddingBottom: '40px' // cf: padding of .prefTabContainer
   },
   paymentsSwitches: {
     display: 'flex',