style: fix UI related problems

web/src/components/ChannelsTable.js

@@ -405,7 +405,7 @@ const ChannelsTable = () => {
               <Button size='small' loading={loading} onClick={testAllChannels}>
               <Button size='small' loading={loading} onClick={testAllChannels}>
                 测试所有已启用通道
                 测试所有已启用通道
               </Button>
               </Button>
-              <Button size='small' onClick={updateAllChannelsBalance} loading={updatingBalance}>更新所有已启用通道余额</Button>
+              <Button size='small' onClick={updateAllChannelsBalance} loading={loading || updatingBalance}>更新所有已启用通道余额</Button>
               <Pagination
               <Pagination
                 floated='right'
                 floated='right'
                 activePage={activePage}
                 activePage={activePage}

web/src/pages/Token/EditToken.js

@@ -106,22 +106,6 @@ const EditToken = () => {
               required={!isEdit}
               required={!isEdit}
             />
             />
           </Form.Field>
           </Form.Field>
-          <Message>注意，令牌的额度仅用于限制令牌本身的最大额度使用量，实际的使用受到账户的剩余额度限制。</Message>
-          <Form.Field>
-            <Form.Input
-              label='额度'
-              name='remain_quota'
-              placeholder={'请输入额度'}
-              onChange={handleInputChange}
-              value={remain_quota}
-              autoComplete='new-password'
-              type='number'
-              disabled={unlimited_quota}
-            />
-          </Form.Field>
-          <Button type={'button'} style={{ marginBottom: '14px' }} onClick={() => {
-            setUnlimitedQuota();
-          }}>{unlimited_quota ? '取消无限额度' : '设置为无限额度'}</Button>
           <Form.Field>
           <Form.Field>
             <Form.Input
             <Form.Input
               label='过期时间'
               label='过期时间'
@@ -150,7 +134,23 @@ const EditToken = () => {
               setExpiredTime(0, 0, 0, 1);
               setExpiredTime(0, 0, 0, 1);
             }}>一分钟后过期</Button>
             }}>一分钟后过期</Button>
           </div>
           </div>
-          <Button positive onClick={submit} style={{marginTop: '12px'}}>提交</Button>
+          <Message>注意，令牌的额度仅用于限制令牌本身的最大额度使用量，实际的使用受到账户的剩余额度限制。</Message>
+          <Form.Field>
+            <Form.Input
+              label='额度'
+              name='remain_quota'
+              placeholder={'请输入额度'}
+              onChange={handleInputChange}
+              value={remain_quota}
+              autoComplete='new-password'
+              type='number'
+              disabled={unlimited_quota}
+            />
+          </Form.Field>
+          <Button type={'button'} onClick={() => {
+            setUnlimitedQuota();
+          }}>{unlimited_quota ? '取消无限额度' : '设置为无限额度'}</Button>
+          <Button positive onClick={submit}>提交</Button>
         </Form>
         </Form>
       </Segment>
       </Segment>
     </>
     </>