Polish an account settings

src/components/modals/AccountSettingRenderBody.js

@@ -210,6 +210,7 @@ class HelperComp extends PureComponent<Props, State> {
               </Box>
               <Box>
                 <Input
+                  containerProps={{ style: { width: 230 } }}
                   value={account.name}
                   maxLength={30}
                   onChange={this.handleChangeName}
@@ -224,7 +225,7 @@ class HelperComp extends PureComponent<Props, State> {
                 <OptionRowTitle>{t('app:account.settings.unit.title')}</OptionRowTitle>
                 <OptionRowDesc>{t('app:account.settings.unit.desc')}</OptionRowDesc>
               </Box>
-              <Box style={{ width: 180 }}>
+              <Box style={{ width: 230 }}>
                 <Select
                   onChange={this.handleChangeUnit}
                   getOptionValue={unitGetOptionValue}
@@ -258,7 +259,7 @@ class HelperComp extends PureComponent<Props, State> {
                 </Box>
               </Container>
             ) : null}
-            <Spoiler title={t('app:account.settings.advancedLogs')}>
+            <Spoiler textTransform title={t('app:account.settings.advancedLogs')}>
               <SyncAgo date={account.lastSyncDate} />
               <textarea
                 readOnly
@@ -278,10 +279,10 @@ class HelperComp extends PureComponent<Props, State> {
             </Spoiler>
           </ModalContent>
           <ModalFooter horizontal>
-            <Button small danger type="button" onClick={this.handleOpenRemoveAccountModal}>
+            <Button padded danger type="button" onClick={this.handleOpenRemoveAccountModal}>
               {t('app:common.delete')}
             </Button>
-            <Button small ml="auto" type="submit" primary>
+            <Button padded ml="auto" type="submit" primary>
               {t('app:common.apply')}
             </Button>
           </ModalFooter>