feat: Change space bewteen primary and secondary buttons to 10px

Author: ashchan

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>

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>

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>

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>

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',

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={() => {