Layout Changes

Author: thomaswoehlke

src/main/resources/templates/user/resetPassword/resetPasswordForm.html

@@ -16,21 +16,34 @@ <h1>
     </div>
 
     <div th:fragment="mytwcontent">
-        <div class="card card-body">
-            <form id="formId" th:action="@{/user/resetPassword}" th:object="${userRegistrationForm}" method="post">
-                <div class="form-group form-control-lg">
-                    <label th:for="${#ids.next('email')}" class="control-label">Email</label>
-                    <input type="email" th:field="*{email}" class="form-control" />
-                    <div>
-                        <div th:each="err : ${#fields.errors('email')}" th:text="${err}" class="alert alert-danger" >
+        <form id="formId" th:action="@{/user/resetPassword}" th:object="${userRegistrationForm}" method="post">
+            <div class="card">
+                <div class="card-header">
+                    <span th:utext="#{user.resetPasswordForm.h1}">Password Reset</span>
+                </div>
+                <div class="card-body">
+                    <div class="form-row">
+                        <div class="col-md-12 mb-12">
+                            <div class="form-group">
+                                <label th:for="${#ids.next('email')}" class="control-label">Email</label>
+                                <input type="email" th:field="*{email}" class="form-control form-control-lg" />
+                                <div>
+                                    <div th:each="err : ${#fields.errors('email')}" th:text="${err}" class="alert alert-danger" >
+                                    </div>
+                                </div>
+                            </div>
                         </div>
                     </div>
                 </div>
-                <button id="requestPasswordReset" type="submit" class="btn btn-primary">
-                    <span th:utext="#{user.resetPasswordForm.button}">Request Password Reset</span>
-                </button>
-            </form>
-        </div>
+                <div class="card-footer">
+                    <div class="form-row">
+                        <button id="requestPasswordReset" type="submit" class="btn btn-primary">
+                            <span th:utext="#{user.resetPasswordForm.button}">Request Password Reset</span>
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </form>
     </div>