From f256e8f029422c7102783e5c0f8c68c0d6e21582 Mon Sep 17 00:00:00 2001
From: Tim <151786923+DrSommer20@users.noreply.github.com>
Date: Mon, 9 Sep 2024 19:58:35 +0200
Subject: [PATCH] Changed <br> to get a consistent overlay-pdf form (#1849)

Repaired the overlay-pdfs.counts.label to be displayed and not deleted on change
---
 src/main/resources/templates/overlay-pdf.html | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/main/resources/templates/overlay-pdf.html b/src/main/resources/templates/overlay-pdf.html
index 1394237e..e92e4cb0 100644
--- a/src/main/resources/templates/overlay-pdf.html
+++ b/src/main/resources/templates/overlay-pdf.html
@@ -33,7 +33,6 @@
                   <option value="0" th:text="#{overlay-pdfs.position.foreground}">Foreground</option>
                   <option value="1" th:text="#{overlay-pdfs.position.background}">Background</option>
                 </select>
-                <br>
                 <div id="countsContainer" style="display: none;">
                   <label th:text="#{overlay-pdfs.counts.label}">Overlay Counts</label>
                   <!-- Inputs for counts will be dynamically added here -->
@@ -57,7 +56,11 @@
                       console.log("files",files);
                       if(files) {
                         const fileCount = files.length;
-
+                        countsContainer.appendChild(document.createElement("br"));
+                        const label = document.createElement('label');
+                        label.setAttribute('th:text', '#{overlay-pdfs.counts.label}');
+                        label.textContent = "Overlay Counts";
+                        countsContainer.appendChild(label);
                         for (let i = 0; i < fileCount; i++) {
                           const input = document.createElement('input');
                           input.type = 'text';