diff --git a/client/src/components/AccountForm/index.js b/client/src/components/AccountForm/index.js
index a2ea864..79a0ffc 100644
--- a/client/src/components/AccountForm/index.js
+++ b/client/src/components/AccountForm/index.js
@@ -75,78 +75,70 @@ export default class AccountForm extends Component {
render({path},{ form_message, user, name, email, password, new_password, confirm_password }) {
//DEFAULT TO LOGIN_PATH
- let form_header = "Sign In";
- let name_input = "";
- let email_input =
- ;
- let password_input =
- ;
- let new_password_input = "";
- let confirm_password_input = "";
- let submit_button =
-
-
-
- OR
-
-
-
;
- let link2 = forgot password?
;
+ let display =
+ ;
if(path === REGISTER_PATH){
- form_header = "Register";
- name_input =
- ;
- confirm_password_input =
- ;
- submit_button = ;
- link2 = "";
+ display =
+
+
+
;
}
if(path === RESET_PATH){
- form_header = "Reset Password";
- name_input =
- ;
}
return (
{form_message}
-
-
-
- {link2}
+ {display}
);
}
diff --git a/client/src/components/AccountForm/style.css b/client/src/components/AccountForm/style.css
index c16a15b..e80c8f8 100644
--- a/client/src/components/AccountForm/style.css
+++ b/client/src/components/AccountForm/style.css
@@ -4,6 +4,10 @@
width: inherit;
}
+.display {
+ margin: 10vh 0px;
+}
+
.logo {
display: inherit;
margin: auto;
@@ -14,13 +18,27 @@
.form {
display: grid;
padding: 0 5vh;
- height: 70vh;
align-content: flex-start;
}
+.form > p {
+ margin: 1vh;
+ font-size: 1.2em;
+}
+
.formChild {
display: block;
- margin: 2vh auto;
+ margin: 1vh auto;
+ width: 100%;
+ padding: 3vw;
+ border-color: lightslategray;
+ border-radius: 8px;
+ font-size: 1.2em;
+}
+
+.formChildReset {
+ display: block;
+ margin: 0.7vh auto;
width: 100%;
padding: 3vw;
border-color: lightslategray;