From cac5e8f680b8b92a5c04066009998cf45cb13f06 Mon Sep 17 00:00:00 2001
From: James Chen <james@ashchan.com>
Date: Mon, 5 Aug 2019 08:49:29 +0900
Subject: [PATCH] feat: Change space bewteen primary and secondary buttons to
 10px

---
 packages/neuron-ui/src/components/NetworkEditor/index.tsx | 2 +-
 packages/neuron-ui/src/components/Send/index.tsx          | 2 +-
 packages/neuron-ui/src/components/WalletEditor/index.tsx  | 2 +-
 packages/neuron-ui/src/components/WalletWizard/index.tsx  | 6 +++---
 packages/neuron-ui/src/utils/const.ts                     | 1 -
 packages/neuron-ui/src/widgets/QRScanner/index.tsx        | 2 +-
 6 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/packages/neuron-ui/src/components/NetworkEditor/index.tsx b/packages/neuron-ui/src/components/NetworkEditor/index.tsx
index abe8c568e0..23d91a7092 100644
--- a/packages/neuron-ui/src/components/NetworkEditor/index.tsx
+++ b/packages/neuron-ui/src/components/NetworkEditor/index.tsx
@@ -50,7 +50,7 @@ const NetworkEditor = ({
           </Stack.Item>
         ))}
       </Stack>
-      <Stack horizontal horizontalAlign="end" tokens={{ childrenGap: 20 }}>
+      <Stack horizontal horizontalAlign="end" tokens={{ childrenGap: 10 }}>
         <DefaultButton onClick={goBack} text={t('common.cancel')} />
         <PrimaryButton disabled={errors.includes(true) || notModified} onClick={handleSubmit} text={t('common.save')} />
       </Stack>
diff --git a/packages/neuron-ui/src/components/Send/index.tsx b/packages/neuron-ui/src/components/Send/index.tsx
index 4114d4bc78..f4ed70e96b 100644
--- a/packages/neuron-ui/src/components/Send/index.tsx
+++ b/packages/neuron-ui/src/components/Send/index.tsx
@@ -181,7 +181,7 @@ const Send = ({
         </Stack.Item>
       </Stack>
 
-      <Stack horizontal horizontalAlign="end" tokens={{ childrenGap: 20 }}>
+      <Stack horizontal horizontalAlign="end" tokens={{ childrenGap: 10 }}>
         <DefaultButton type="reset" onClick={onClear}>
           {t('send.clear')}
         </DefaultButton>
diff --git a/packages/neuron-ui/src/components/WalletEditor/index.tsx b/packages/neuron-ui/src/components/WalletEditor/index.tsx
index fd40c3ef19..ecc6844f07 100644
--- a/packages/neuron-ui/src/components/WalletEditor/index.tsx
+++ b/packages/neuron-ui/src/components/WalletEditor/index.tsx
@@ -60,7 +60,7 @@ const WalletEditor = ({
           </Stack.Item>
         ))}
       </Stack>
-      <Stack horizontal horizontalAlign="end" tokens={{ childrenGap: 20 }}>
+      <Stack horizontal horizontalAlign="end" tokens={{ childrenGap: 10 }}>
         <DefaultButton onClick={goBack} text={t('common.cancel')} />
         <PrimaryButton onClick={onConfirm} disabled={!areParamsValid} text={t('common.save')} />
       </Stack>
diff --git a/packages/neuron-ui/src/components/WalletWizard/index.tsx b/packages/neuron-ui/src/components/WalletWizard/index.tsx
index bbc71e8152..777788aad4 100644
--- a/packages/neuron-ui/src/components/WalletWizard/index.tsx
+++ b/packages/neuron-ui/src/components/WalletWizard/index.tsx
@@ -16,7 +16,7 @@ import withWizard, { WizardElementProps, WithWizardState } from 'components/with
 import { generateMnemonic, validateMnemonic, showErrorMessage } from 'services/remote'
 import { createWalletWithMnemonic, importWalletWithMnemonic } from 'states/stateProvider/actionCreators'
 
-import { Routes, MnemonicAction, BUTTON_GAP } from 'utils/const'
+import { Routes, MnemonicAction } from 'utils/const'
 import { buttonGrommetIconStyles } from 'utils/icons'
 import { verifyPasswordComplexity } from 'utils/validators'
 
@@ -181,7 +181,7 @@ const Mnemonic = ({
           },
         }}
       />
-      <Stack horizontal horizontalAlign="end" tokens={{ childrenGap: BUTTON_GAP }}>
+      <Stack horizontal horizontalAlign="end" tokens={{ childrenGap: 10 }}>
         <DefaultButton onClick={history.goBack} text={t('wizard.back')} />
         <PrimaryButton onClick={onNext} disabled={disableNext} text={t('wizard.next')} />
       </Stack>
@@ -289,7 +289,7 @@ const Submission = ({
         </Stack>
       </Stack>
 
-      <Stack horizontal horizontalAlign="end" tokens={{ childrenGap: BUTTON_GAP }}>
+      <Stack horizontal horizontalAlign="end" tokens={{ childrenGap: 10 }}>
         <DefaultButton onClick={history.goBack} text={t('wizard.back')} />
         <PrimaryButton onClick={onNext} disabled={disableNext} text={t('wizard.next')} />
       </Stack>
diff --git a/packages/neuron-ui/src/utils/const.ts b/packages/neuron-ui/src/utils/const.ts
index dd3def1155..b0ba0726b6 100644
--- a/packages/neuron-ui/src/utils/const.ts
+++ b/packages/neuron-ui/src/utils/const.ts
@@ -7,7 +7,6 @@ export const PAGE_SIZE = 15
 export const UNREMOVABLE_NETWORK = 'Testnet'
 export const UNREMOVABLE_NETWORK_ID = '0'
 export const MIN_CELL_WIDTH = 100
-export const BUTTON_GAP = 20
 
 export enum ConnectionStatus {
   Online = 'online',
diff --git a/packages/neuron-ui/src/widgets/QRScanner/index.tsx b/packages/neuron-ui/src/widgets/QRScanner/index.tsx
index 5a69297a32..077a865340 100644
--- a/packages/neuron-ui/src/widgets/QRScanner/index.tsx
+++ b/packages/neuron-ui/src/widgets/QRScanner/index.tsx
@@ -132,7 +132,7 @@ const QRScanner = ({ title, label, onConfirm, styles }: QRScannerProps) => {
         </div>
         <DialogFooter>
           <TextField readOnly value={data} label={label} underlined />
-          <Stack horizontal horizontalAlign="end" tokens={{ childrenGap: 20 }}>
+          <Stack horizontal horizontalAlign="end" tokens={{ childrenGap: 10 }}>
             <DefaultButton onClick={() => setOpen(false)}>{t('common.cancel')}</DefaultButton>
             <PrimaryButton
               onClick={() => {