Fix: improve modify controller button

src/containers/Settings/index.tsx

@@ -202,9 +202,8 @@ class Settings extends React.Component<SettingProps, {}> {
                                 <span className="label">{t('labels.externalController')}</span>
                             </Col>
                             <Col className="external-controller" span={10}>
-                                <span>{`${externalControllerHost}:${externalControllerPort}`}</span>
                                 <span className="modify-btn" onClick={() => this.props.store.setShowAPIModal(true)}>
-                                    { t('labels.modifyControllerText') }
+                                    {`${externalControllerHost}:${externalControllerPort}`}
                                 </span>
                             </Col>
                         </Col>

src/containers/Settings/style.scss

@@ -27,8 +27,6 @@
         line-height: 17px;
 
         .modify-btn {
-            margin-left: 5px;
-            font-size: 12px;
             color: $color-primary-dark;
             cursor: pointer;
         }

src/i18n/en_US.ts

@@ -16,8 +16,7 @@ export default {
             proxyMode: 'Mode',
             socks5ProxyPort: 'Socks5 proxy port',
             httpProxyPort: 'HTTP proxy port',
-            externalController: 'External controller',
+            externalController: 'External controller'
-            modifyControllerText: 'Modify'
         },
         values: {
             cn: '中文',

src/i18n/zh_CN.ts

@@ -16,8 +16,7 @@ export default {
             proxyMode: '代理模式',
             socks5ProxyPort: 'Socks5 代理端口',
             httpProxyPort: 'HTTP 代理端口',
-            externalController: '外部控制设置',
+            externalController: '外部控制设置'
-            modifyControllerText: '修改'
         },
         values: {
             cn: '中文',