From 297a2c39dc2177bc9e6bf1a0341f27fd2af70de8 Mon Sep 17 00:00:00 2001
From: Dreamacro <305009791@qq.com>
Date: Thu, 13 Jun 2019 00:50:12 +0800
Subject: [PATCH] Improve: ux & i18n

---
 src/containers/Settings/index.tsx | 10 +++++-----
 src/containers/Sidebar/style.scss |  2 +-
 src/i18n/en_US.ts                 |  3 ++-
 src/i18n/zh_CN.ts                 |  3 ++-
 4 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/containers/Settings/index.tsx b/src/containers/Settings/index.tsx
index ab81ab3..5eeff3c 100644
--- a/src/containers/Settings/index.tsx
+++ b/src/containers/Settings/index.tsx
@@ -143,10 +143,10 @@ class Settings extends React.Component<SettingProps, {}> {
                             </Col>
                         </Col>
                         <Col span={12}>
-                            <Col span={8} offset={1}>
+                            <Col span={14} offset={1}>
                                 <span className="label">{t('labels.allowConnectFromLan')}</span>
                             </Col>
-                            <Col span={14} className="value-column">
+                            <Col span={8} className="value-column">
                                 <Switch
                                     checked={allowLan}
                                     onChange={this.handleAllowLanChange}
@@ -198,13 +198,13 @@ class Settings extends React.Component<SettingProps, {}> {
                             </Col>
                         </Col>
                         <Col span={12}>
-                            <Col span={8} offset={1}>
+                            <Col span={12} offset={1}>
                                 <span className="label">{t('labels.externalController')}</span>
                             </Col>
-                            <Col className="external-controller" span={14}>
+                            <Col className="external-controller" span={10}>
                                 <span>{`${externalControllerHost}:${externalControllerPort}`}</span>
                                 <span className="modify-btn" onClick={() => this.props.store.setShowAPIModal(true)}>
-                                    修改
+                                    { t('labels.modifyControllerText') }
                                 </span>
                             </Col>
                         </Col>
diff --git a/src/containers/Sidebar/style.scss b/src/containers/Sidebar/style.scss
index 88be16c..2c9a6fa 100644
--- a/src/containers/Sidebar/style.scss
+++ b/src/containers/Sidebar/style.scss
@@ -80,7 +80,7 @@
         }
 
         .item {
-            margin-top: 0;
+            margin: 0 3px;
 
             > a {
                 width: 80px;
diff --git a/src/i18n/en_US.ts b/src/i18n/en_US.ts
index c12d87d..f380bbc 100644
--- a/src/i18n/en_US.ts
+++ b/src/i18n/en_US.ts
@@ -16,7 +16,8 @@ export default {
             proxyMode: 'Mode',
             socks5ProxyPort: 'Socks5 proxy port',
             httpProxyPort: 'HTTP proxy port',
-            externalController: 'External controller'
+            externalController: 'External controller',
+            modifyControllerText: 'Modify'
         },
         values: {
             cn: '中文',
diff --git a/src/i18n/zh_CN.ts b/src/i18n/zh_CN.ts
index 3a290fe..ffdfad4 100644
--- a/src/i18n/zh_CN.ts
+++ b/src/i18n/zh_CN.ts
@@ -16,7 +16,8 @@ export default {
             proxyMode: '代理模式',
             socks5ProxyPort: 'Socks5 代理端口',
             httpProxyPort: 'HTTP 代理端口',
-            externalController: '外部控制设置'
+            externalController: '外部控制设置',
+            modifyControllerText: '修改'
         },
         values: {
             cn: '中文',