minor visual changes

2 files changed, 7 insertions, 5 deletions

diff --git a/src/client/util/SettingsManager.scss b/src/client/util/SettingsManager.scss
index 0b5cbe74f..7a0fb0741 100644
--- a/src/client/util/SettingsManager.scss
+++ b/src/client/util/SettingsManager.scss
@@ -3,8 +3,8 @@
 .dialogue-box {
     background-color: whitesmoke !important;
     color: grey;
-    width: 400px;
-    height: 250px;
+    width: 450px;
+    height: 300px;
 
     button {
         background: $lighter-alt-accent;
@@ -64,7 +64,7 @@
             padding-right: 1em;
             display: flex;
             flex-direction: column;
-            flex-basis: 65%;
+            flex-basis: 70%;
             justify-content: space-around;
             text-align: left;
 
diff --git a/src/client/util/SettingsManager.tsx b/src/client/util/SettingsManager.tsx
index e1fbeb138..ff0b22381 100644
--- a/src/client/util/SettingsManager.tsx
+++ b/src/client/util/SettingsManager.tsx
@@ -73,6 +73,8 @@ export default class SettingsManager extends React.Component<{}> {
     @action
     onClick = (event: any) => {
         this.settingsContent = event.currentTarget.value;
+        this.errorText = "";
+        this.successText = "";
     }
 
     private get settingsInterface() {
@@ -94,10 +96,10 @@ export default class SettingsManager extends React.Component<{}> {
                             <input placeholder="current password" ref={this.curr_password_ref} />
                             <input placeholder="new password" ref={this.new_password_ref} />
                             <input placeholder="confirm new password" ref={this.new_confirm_ref} />
-                            <button onClick={this.dispatchRequest}>submit</button>
-                            <a href="/forgotPassword">forgot password?</a>
                             {this.errorText ? <div className="error-text">{this.errorText}</div> : undefined}
                             {this.successText ? <div className="success-text">{this.successText}</div> : undefined}
+                            <button onClick={this.dispatchRequest}>submit</button>
+                            <a href="/forgotPassword">forgot password?</a>
 
                         </div>
                         : undefined}