From 55e0fe14caa0fc345374d4f66e74e29690bac0f0 Mon Sep 17 00:00:00 2001
From: Yang Luo <hsluoyz@qq.com>
Date: Sat, 15 May 2021 20:44:40 +0800
Subject: [PATCH] Improve reset buttons.

---
 web/src/ResetModal.js   | 4 ++--
 web/src/UserEditPage.js | 8 ++++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/web/src/ResetModal.js b/web/src/ResetModal.js
index 4ca43f50..d91f2726 100644
--- a/web/src/ResetModal.js
+++ b/web/src/ResetModal.js
@@ -89,7 +89,7 @@ export const ResetModal = (props) => {
 
   return (
     <Row>
-      <Button style={{marginTop: '22px'}} type="default" onClick={showModal}>
+      <Button type="default" onClick={showModal}>
         {buttonText}
       </Button>
       <Modal
@@ -118,4 +118,4 @@ export const ResetModal = (props) => {
   )
 }
 
-export default ResetModal;
\ No newline at end of file
+export default ResetModal;
diff --git a/web/src/UserEditPage.js b/web/src/UserEditPage.js
index 95824dda..ad11805b 100644
--- a/web/src/UserEditPage.js
+++ b/web/src/UserEditPage.js
@@ -263,8 +263,10 @@ class UserEditPage extends React.Component {
           <Col style={{marginTop: '5px'}} span={2}>
             {i18next.t("general:Email")}:
           </Col>
-          <Col span={22} >
+          <Col style={{paddingRight: '20px'}} span={11} >
             <Input value={this.state.user.email} disabled />
+          </Col>
+          <Col span={11} >
             { this.state.user.id === this.props.account.id ? (<ResetModal buttonText={i18next.t("user:Reset Email")} destType={"email"} coolDownTime={60}/>) : null}
           </Col>
         </Row>
@@ -272,8 +274,10 @@ class UserEditPage extends React.Component {
           <Col style={{marginTop: '5px'}} span={2}>
             {i18next.t("general:Phone")}:
           </Col>
-          <Col span={22} >
+          <Col style={{paddingRight: '20px'}} span={11} >
             <Input value={this.state.user.phone} addonBefore={`+${this.state.application?.organizationObj.phonePrefix}`} disabled />
+          </Col>
+          <Col span={11} >
             { this.state.user.id === this.props.account.id ? (<ResetModal buttonText={i18next.t("user:Reset Phone")} destType={"phone"} coolDownTime={60}/>) : null}
           </Col>
         </Row>