Feature/bump bootstrap (#899)

mattboll · web-flow · commit a5c5cafb40f7 · 2024-11-12T12:18:01.000+01:00
* 🐛 Bug(bo): improve style on guarantor checkbox

* ✨ Feat(bo): improve see document button style

* ✨ Feat(bo): avoid horizontal scrollbar
diff --git a/dossierfacile-bo/src/main/resources/templates/bo/apartment-sharing-view.html b/dossierfacile-bo/src/main/resources/templates/bo/apartment-sharing-view.html
@@ -937,9 +937,9 @@ <h3 th:unless="${tenant.getGuarantors().isEmpty()}">Garants</h3>
                                                th:href="@{/bo/regeneratePdfDocument/} + ${document.getId()}">Update
                                                 Document PDF</a>
 
-                                            <a style="font-size: smaller;margin-top: 9px;border-radius: .15em; margin-left: 2%; margin-bottom: auto;background: #efefef;padding: 1.5px;border-width: 2px;"
-                                               th:href="${'/documents/'+ document.getName()}">See
-                                                PDF Document</a>
+                                            <a class="btn btn-light btn-sm ms-2"
+                                               th:href="${'/documents/'+ document.getName()}" target="_blank">See
+                                                Document PDF</a>
                                         </div>
                                     </div>
 
diff --git a/dossierfacile-bo/src/main/resources/templates/bo/layout-bo.html b/dossierfacile-bo/src/main/resources/templates/bo/layout-bo.html
@@ -5,7 +5,7 @@
 <head>
     <head th:replace="~{include/head-bo :: head-bo}"></head>
 </head>
-<body class="bg-body-secondary">
+<body class="bg-body-secondary container-fluid">
 <header layout:fragment="header" class="fixed-header mb-4">
     <div th:replace="~{include/fixed-header-bo :: fixed-header-bo}">...</div>
 </header>
diff --git a/dossierfacile-bo/src/main/resources/templates/bo/process-file-layout.html b/dossierfacile-bo/src/main/resources/templates/bo/process-file-layout.html
@@ -5,8 +5,10 @@
 <head>
     <head th:replace="~{include/process-file-layout-head :: head}"></head>
 </head>
-<div layout:fragment="header">
-    <div th:replace="~{include/fixed-header-bo :: fixed-header-bo}">...</div>
+<div class="container-fluid">
+    <div layout:fragment="header">
+        <div th:replace="~{include/fixed-header-bo :: fixed-header-bo}">...</div>
+    </div>
 </div>
 <body class="bg-body-secondary">
 <div layout:fragment="content"></div>
diff --git a/dossierfacile-bo/src/main/resources/templates/bo/process-file.html b/dossierfacile-bo/src/main/resources/templates/bo/process-file.html
@@ -354,22 +354,23 @@ <h4>Lecture automatiques :</h4>
                                            th:value="${messageItem.getDocumentCategory()}" type="hidden"/>
                                     <input th:field="*{guarantorItems[__${k.index}__].messageItems[__${i.index}__].documentId}"
                                            th:value="${messageItem.getDocumentId()}" type="hidden"/>
-                                    <div class="margin-bottom">
-                                        <div class="checkbox check-distance"
+                                    <div class="margin-bottom mt-4">
+                                        <div class="form-check mb-2 ms-2"
                                              th:each="itemDetail,j : ${messageItem.getItemDetailList()}">
-                                            <label>
-                                                <input style="padding-left: 10px;"
+                                            <label class="form-check-label"
+                                            >
+                                                <input class="form-check-input"
                                                        th:field="*{guarantorItems[__${k.index}__].messageItems[__${i.index}__].itemDetailList[__${j.index}__].check}"
                                                        type="checkbox"/>
-                                                <input th:field="*{guarantorItems[__${k.index}__].messageItems[__${i.index}__].itemDetailList[__${j.index}__].message}"
-                                                       th:value="${itemDetail.getMessage()}"
-                                                       type="hidden"/>
-                                                <input th:field="*{guarantorItems[__${k.index}__].messageItems[__${i.index}__].itemDetailList[__${j.index}__].idOptionMessage}"
-                                                       th:value="${itemDetail.getIdOptionMessage()}"
-                                                       type="hidden"/>
-                                                <p class="span1" style="display:block;"
-                                                   th:utext="${itemDetail.getFormattedMessage()}">
-                                                </p>
+                                                <input
+                                                        th:field="*{guarantorItems[__${k.index}__].messageItems[__${i.index}__].itemDetailList[__${j.index}__].message}"
+                                                        th:value="${itemDetail.getMessage()}"
+                                                        type="hidden"/>
+                                                <input
+                                                        th:field="*{guarantorItems[__${k.index}__].messageItems[__${i.index}__].itemDetailList[__${j.index}__].idOptionMessage}"
+                                                        th:value="${itemDetail.getIdOptionMessage()}"
+                                                        type="hidden"/>
+                                                <span th:utext="${itemDetail.getFormattedMessage()}"></span>
                                             </label>
                                         </div>
                                     </div>
