From 1873385679b08ef9a4044d08a573cbc08f634dd0 Mon Sep 17 00:00:00 2001
From: OUNZAR Aymane <aymane.ounzar@imt-atlantique.net>
Date: Wed, 12 Nov 2025 11:26:17 +0100
Subject: [PATCH] Fixed hover bug of the 'Custom' checkbox'.

---
 .../main/resources/templates/multi-page-layout.html  | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/app/core/src/main/resources/templates/multi-page-layout.html b/app/core/src/main/resources/templates/multi-page-layout.html
index 0510935ee..2749111ed 100644
--- a/app/core/src/main/resources/templates/multi-page-layout.html
+++ b/app/core/src/main/resources/templates/multi-page-layout.html
@@ -18,12 +18,9 @@
               </div>
               <form id="multiPdfForm" th:action="@{'/api/v1/general/multi-page-layout'}" method="post" enctype="multipart/form-data">
                 <div th:replace="~{fragments/common :: fileSelector(name='fileInput', multipleInputsForSingleRequest=false, accept='application/pdf')}"></div>
-                <div class="mb-3">
-                  <label class="form-label" th:text="#{pageLayout.mode}"></label>
-                  <div class="form-check">
-                    <input class="form-check-input" type="checkbox" id="modeCustom" name="mode" value="CUSTOM">
-                    <label class="form-check-label" for="modeCustom" th:text="#{pageLayout.custom}">Custom</label>
-                  </div>
+                <div class="form-check mb-3">
+                  <input type="checkbox" id="modeCustom">
+                  <label for="modeCustom" th:text="#{pageLayout.custom}"></label>
                 </div>
                 <div id="defaultSection" class="mb-3" style="border:1px solid #eee; padding:1em; border-radius:8px; margin-bottom:1em;">
                   <label for="pagesPerSheet" th:text="#{pageLayout.pagesPerSheet}"></label>
@@ -76,8 +73,7 @@
               
               <script>
                 (function(){
-                  const form = document.getElementById('multiPdfForm');
-                  const modeCheckbox = form.querySelector('input[name="mode"]');
+                  const modeCheckbox = document.getElementById('modeCustom');
                   const defaultSection = document.getElementById('defaultSection');
                   const customSection  = document.getElementById('customSection');
                   const pagesPerSheet  = document.getElementById('pagesPerSheet');