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
brave · May 15, 2017 · 4a9e270 · 4a9e270
1 parent 21cfbf6
commit 4a9e270
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git 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
@@ -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',