diff --git a/web/src/views/LoginPortal/FirstFactor/FirstFactorForm.tsx b/web/src/views/LoginPortal/FirstFactor/FirstFactorForm.tsx index 5d7443d4..f188605f 100644 --- a/web/src/views/LoginPortal/FirstFactor/FirstFactorForm.tsx +++ b/web/src/views/LoginPortal/FirstFactor/FirstFactorForm.tsx @@ -139,52 +139,32 @@ const FirstFactorForm = function (props: Props) { }} /> - {props.rememberMe || props.resetPassword ? ( - - {props.rememberMe ? ( - { - if (ev.key === "Enter") { - if (!username.length) { - usernameRef.current.focus(); - } else if (!password.length) { - passwordRef.current.focus(); - } - handleSignIn(); + {props.rememberMe ? ( + + { + if (ev.key === "Enter") { + if (!username.length) { + usernameRef.current.focus(); + } else if (!password.length) { + passwordRef.current.focus(); } - }} - value="rememberMe" - color="primary" - /> - } - className={style.rememberMe} - label="Remember me" - /> - ) : null} - {props.resetPassword ? ( - - Reset password? - - ) : null} + handleSignIn(); + } + }} + value="rememberMe" + color="primary" + /> + } + className={style.rememberMe} + label="Remember me" + /> ) : null} @@ -199,6 +179,18 @@ const FirstFactorForm = function (props: Props) { Sign in + {props.resetPassword ? ( + + + Reset password? + + + ) : null} ); @@ -224,11 +216,4 @@ const useStyles = makeStyles((theme) => ({ flexEnd: { justifyContent: "flex-end", }, - leftAlign: { - textAlign: "left", - }, - rightAlign: { - textAlign: "right", - verticalAlign: "bottom", - }, }));