work

Author: thomaswoehlke

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

@@ -18,33 +18,51 @@ <h1>
     </div>
 
     <div th:fragment="mytwcontent">
-        <div class="card card-body">
             <form th:action="@{/user/resetPassword/confirm/{confirmId}(confirmId=${confirmId})}" th:object="${userAccountForm}" method="post">
                 <input type="hidden" th:field="*{userFullname}" />
                 <input type="hidden" th:field="*{userEmail}" />
-                <div class="form-group form-control-lg">
-                    <label th:for="${#ids.next('userPassword')}" class="control-label">
-                        <span th:utext="#{user.registerConfirmed.userPassword}">Password</span>
-                    </label>
-                    <input type="password" th:field="*{userPassword}" class="form-control" />
-                    <div>
-                        <div th:each="err : ${#fields.errors('userPassword')}" th:text="${err}" class="alert alert-danger" >
-                        </div>
-                    </div>
+              <div class="card">
+                <div class="card-header">
+                  <span th:utext="#{user.registerConfirmed.h1}">Register as new User</span>
                 </div>
-                <div class="form-group form-control-lg">
-                    <label th:for="${#ids.next('userPasswordConfirmation')}" class="control-label">
-                        <span th:utext="#{user.registerConfirmed.userPasswordConfirmation}">Password again</span>
-                    </label>
-                    <input type="password" th:field="*{userPasswordConfirmation}" class="form-control" />
-                    <div>
-                        <div th:each="err : ${#fields.errors('userPasswordConfirmation')}" th:text="${err}" class="alert alert-danger" >
-                        </div>
+                <div class="card-body">
+                  <div class="form-row">
+                    <div class="col-md-12 mb-12">
+                      <div class="form-group form-control-lg">
+                          <label th:for="${#ids.next('userPassword')}" class="control-label">
+                              <span th:utext="#{user.registerConfirmed.userPassword}">Password</span>
+                          </label>
+                          <input type="password" th:field="*{userPassword}" class="form-control" />
+                          <div>
+                              <div th:each="err : ${#fields.errors('userPassword')}" th:text="${err}" class="alert alert-danger" >
+                              </div>
+                          </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="form-row">
+                    <div class="col-md-12 mb-12">
+                      <div class="form-group form-control-lg">
+                          <label th:for="${#ids.next('userPasswordConfirmation')}" class="control-label">
+                              <span th:utext="#{user.registerConfirmed.userPasswordConfirmation}">Password again</span>
+                          </label>
+                          <input type="password" th:field="*{userPasswordConfirmation}" class="form-control" />
+                          <div>
+                              <div th:each="err : ${#fields.errors('userPasswordConfirmation')}" th:text="${err}" class="alert alert-danger" >
+                              </div>
+                          </div>
+                      </div>
                     </div>
+                  </div>
                 </div>
-                <button id="saveNewPassword" type="submit" class="btn btn-primary">
-                    <span th:utext="#{user.resetPasswordConfirmed.button}">Save New Password</span>
-                </button>
+                  <div class="card-footer">
+                    <div class="form-row">
+                      <button id="saveNewPassword" type="submit" class="btn btn-primary">
+                          <span th:utext="#{user.resetPasswordConfirmed.button}">Save New Password</span>
+                      </button>
+                    </div>
+                  </div>
+              </div>
             </form>
         </div>
     </div>