Merge pull request #385 from josdem/feature/378

[small]Feature/378
josdem · Oct 11, 2024 · 19e5ce4 · 19e5ce4
2 parents c306a90 + e55c6f5
commit 19e5ce4
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 14 deletions.
diff --git a/build.gradle b/build.gradle
@@ -24,7 +24,7 @@ ext {
 }
 
 group = 'com.josdem.vetlog'
-version = '1.9.2'
+version = '1.9.3'
 
 configurations {
   compileOnly {

diff --git a/src/main/resources/templates/pet/list.html b/src/main/resources/templates/pet/list.html
@@ -10,6 +10,12 @@
             display: flex;
             justify-content: space-between;
         }
+        table {
+            width: 100%;
+        }
+        td {
+            padding: 5px;
+        }
     </style>
 </head>
 <body>
@@ -64,32 +70,34 @@
                     <div th:if="${pet.images.isEmpty()}" align="center">
                         <img style="width:320px;height:300px;" th:attr="src=@{${gcpImageUrl} + ${defaultImage}}"/>
                     </div>
+                    <br>
                     <div class="caption">
-                        <h3 th:text="${pet.name}"></h3>
+                        <h3 style="text-align:center" th:text="${pet.name}"></h3>
                         <div class="pet-info-container">
-                            <div>
+                            <div class="col-lg-4 col-lg-offset-4">
                                 <ul>
                                     <li th:text="${@dateFormatter.formatToDate(pet.birthDate, #locale)}"/>
                                     <li th:text="${pet.breed.name}"/>
                                     <li th:text="${pet.dewormed}? #{pet.dewormed} : #{pet.not.dewormed}"/>
                                     <li th:text="${pet.sterilized}? #{pet.sterilized} : #{pet.not.sterilized}"/>
                                     <li th:text="${pet.vaccinated}? #{pet.vaccinated} : #{pet.not.vaccinated}"/>
                                 </ul>
-                            </div>
-                            <table border="1" th:if="${!pet.vaccines.isEmpty()}">
-                                <thead>
+                                <br>
+                                <table th:if="${!pet.vaccines.isEmpty()}">
+                                    <thead>
                                     <tr>
                                         <th th:text="#{pet.table.header.vaccines}"></th>
                                         <th th:text="#{pet.table.header.status}"></th>
                                     </tr>
-                                </thead>
-                                <tbody>
-                                <tr th:each="vaccination : ${pet.vaccines}">
-                                    <td th:text="${vaccination.name}"></td>
-                                    <td th:text="${vaccination.status}"></td>
-                                </tr>
-                                </tbody>
-                            </table>
+                                    </thead>
+                                    <tbody>
+                                    <tr th:each="vaccination : ${pet.vaccines}">
+                                        <td th:text="${vaccination.name}"></td>
+                                        <td th:text="${vaccination.status}"></td>
+                                    </tr>
+                                    </tbody>
+                                </table>
+                            </div>
                         </div>
                         <br/>
                         <center>