@@ -24,28 +24,44 @@ <h2><span th:utext="#{user.loginForm.h2}">Your Todo-List for Getting Things Done
2424 </ a > .
2525 </ div >
2626 < div class ="card-body ">
27- < div class ="alert alert-danger " role ="alert " th:if ="${param.login_error != null} ">
27+ < div class ="invalid-feedback " role ="alert " th:if ="${param.login_error != null} ">
2828 < span th:text ="#{user.loginForm.loginError} "> Your login attempt was not successful, try again.</ span >
2929 </ div >
30- < input type ="hidden "
31- name ="${_csrf.parameterName} "
32- value ="${_csrf.token} "/>
33- < div class ="form-group form-control-lg ">
34- < label for ="j_username "> Email</ label >
35- < input id ="j_username " type ="email " name ="j_username " class ="form-control " placeholder ="Enter email "/>
36- </ div >
37- < div class ="form-group form-control-lg ">
38- < label for ="j_password " th:text ="#{user.loginForm.password} "> Password</ label >
39- < input id ="j_password " type ="password " name ="j_password " class ="form-control " placeholder ="Password "/>
40- </ div >
41- < button id ="loginButton " type ="submit " class ="btn btn-primary ">
42- < i class ="fas fa-sign-in-alt "> </ i >
43- < span th:utext ="#{user.loginForm.loginButton} "> </ span >
44- </ button >
45- < a th:href ="@{/user/resetPassword} " class ="btn btn-secondary " role ="button ">
46- < i class ="fas fa-question-circle "> </ i >
47- < span th:utext ="#{user.loginForm.passwordReset} "> Password forgotten?</ span >
48- </ a >
30+ < input type ="hidden " th:name ="${_csrf.parameterName} " th:value ="${_csrf.token} "/>
31+ < div class ="form-row ">
32+ < div class ="col-md-12 mb-12 ">
33+ < div class ="form-group ">
34+ < label for ="j_username " th:text ="#{user.loginForm.email.label} "> Email</ label >
35+ < input id ="j_username " type ="email " class ="form-control form-control-lg "
36+ name ="j_username "
37+ th:placeholder ="#{user.loginForm.email.placeholder} "/>
38+ </ div >
39+ </ div >
40+ </ div >
41+ < div class ="form-row ">
42+ < div class ="col-md-12 mb-12 ">
43+ < div class ="form-group ">
44+ < label for ="j_password " th:text ="#{user.loginForm.password.label} "> Password</ label >
45+ < input id ="j_password " type ="password " class ="form-control form-control-lg "
46+ name ="j_password "
47+ th:placeholder ="#{user.loginForm.password.placeholder} "/>
48+ </ div >
49+ </ div >
50+ </ div >
51+ < div class ="form-row ">
52+ < div class ="col-md-6 mb-6 ">
53+ < button id ="loginButton " type ="submit " class ="btn btn-block btn-primary ">
54+ < i class ="fas fa-sign-in-alt "> </ i >
55+ < span th:utext ="#{user.loginForm.loginButton} "> </ span >
56+ </ button >
57+ </ div >
58+ < div class ="col-md-6 mb-6 ">
59+ < a th:href ="@{/user/resetPassword} " class ="btn btn-block btn-secondary " role ="button ">
60+ < i class ="fas fa-question-circle "> </ i >
61+ < span th:utext ="#{user.loginForm.passwordReset} "> Password forgotten?</ span >
62+ </ a >
63+ </ div >
64+ </ div >
4965 </ div >
5066 </ div >
5167 </ form >
0 commit comments