PersonImage form include height and width

src/main/resources/templates/images/personImage/form.html

@@ -27,7 +27,7 @@
         <div th:if="${#fields.hasErrors('*')}" class="alert alert-danger">
             <p>Please Correct The Errors Below</p>
         </div>
-        <table style = "width:100%;">
+        <table style="width:100%;">
             <tr>
                 <td style="text-align: right;">
                     <label for="id"><span style="color: rgb(255,0,0);">*</span>Database Id :&nbsp;</label>
@@ -84,20 +84,21 @@
                         </ul>
                     </div>
                 </td>
-            </tr><tr>
-            <td style="text-align: right;">
-                <label for="level">Level :&nbsp;</label>
-            </td>
-            <td style="text-align: left;">
-                <input class="form-control" id="level"
-                       th:field="*{level}" type="text">
-                <div th:if="${#fields.hasErrors('level')}">
-                    <ul class="text-danger">
-                        <li th:each="err : ${#fields.errors('level')}" th:text="${err}"/>
-                    </ul>
-                </div>
-            </td>
-        </tr>
+            </tr>
+            <tr>
+                <td style="text-align: right;">
+                    <label for="level">Level :&nbsp;</label>
+                </td>
+                <td style="text-align: left;">
+                    <input class="form-control" id="level"
+                           th:field="*{level}" type="text">
+                    <div th:if="${#fields.hasErrors('level')}">
+                        <ul class="text-danger">
+                            <li th:each="err : ${#fields.errors('level')}" th:text="${err}"/>
+                        </ul>
+                    </div>
+                </td>
+            </tr>
             <tr>
                 <td style="text-align: right;">
                     <label for="caption">Caption :&nbsp;</label>
@@ -112,7 +113,38 @@
                     </div>
                 </td>
             </tr>
-            <tr><td>&nbsp;</td></tr>
+
+            <tr>
+                <td style="text-align: right;">
+                    <label for="width">Width :&nbsp;</label>
+                </td>
+                <td style="text-align: left;">
+                    <input class="form-control" id="width"
+                           th:field="*{width}" type="text">
+                    <div th:if="${#fields.hasErrors('width')}">
+                        <ul class="text-danger">
+                            <li th:each="err : ${#fields.errors('width')}" th:text="${err}"/>
+                        </ul>
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td style="text-align: right;">
+                    <label for="height">Height :&nbsp;</label>
+                </td>
+                <td style="text-align: left;">
+                    <input class="form-control" id="height"
+                           th:field="*{height}" type="text">
+                    <div th:if="${#fields.hasErrors('height')}">
+                        <ul class="text-danger">
+                            <li th:each="err : ${#fields.errors('height')}" th:text="${err}"/>
+                        </ul>
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td>&nbsp;</td>
+            </tr>
         </table>
         <button type="submit" class="btn btn-primary">Commit</button>
         <a class="btn btn-secondary" th:href="@{/personImages}" th:text="${'List all'}">List all</a>