From 1696d2e5253e246fc880293556cb9692ecb50931 Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@gmail.com>
Date: Sat, 6 May 2017 20:57:25 +0900
Subject: [PATCH] Add margin between buttons on backup brave wallet dialog

Fix #8736

Auditors:

Test Plan:
1. Open about:preferences#payments
2. Open advanced settings
3. Click "Back up your wallet"
---
 app/renderer/components/preferences/payment/ledgerBackup.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/renderer/components/preferences/payment/ledgerBackup.js b/app/renderer/components/preferences/payment/ledgerBackup.js
index 7276762267..d12f5e2ca5 100644
--- a/app/renderer/components/preferences/payment/ledgerBackup.js
+++ b/app/renderer/components/preferences/payment/ledgerBackup.js
@@ -73,17 +73,17 @@ class LedgerBackupFooter extends ImmutableComponent {
 
   render () {
     return <section>
-      <BrowserButton primaryColor
+      <BrowserButton primaryColor groupedItem
         l10nId='printKeys'
         testId='printKeysButton'
         onClick={this.printKeys}
       />
-      <BrowserButton primaryColor
+      <BrowserButton primaryColor groupedItem
         l10nId='saveRecoveryFile'
         testId='saveRecoveryFileButton'
         onClick={this.saveKeys}
       />
-      <BrowserButton secondaryColor
+      <BrowserButton secondaryColor groupedItem
         l10nId='done'
         testId='doneButton'
         onClick={this.props.hideOverlay.bind(this, 'ledgerBackup')}