From 765289c89e33dae7fa6bd82a2cf18378568b384b Mon Sep 17 00:00:00 2001
From: Dinesh Sharma <65244911+dk-talks@users.noreply.github.com>
Date: Mon, 9 Sep 2024 00:38:21 +0530
Subject: [PATCH] Fixed reduce extra space between input field & button #1829
 (#1848)

* Add <br> when Bored Waiting Button Appears

* Added <br> below progress bar as well

* Removed <br>

Two <br> tags were added which were taking lot of space. I dynamically added space when needed.
---
 src/main/resources/static/js/downloader.js         | 4 +++-
 src/main/resources/templates/fragments/common.html | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/main/resources/static/js/downloader.js b/src/main/resources/static/js/downloader.js
index 87d2670a..46e6a948 100644
--- a/src/main/resources/static/js/downloader.js
+++ b/src/main/resources/static/js/downloader.js
@@ -32,6 +32,7 @@ $(document).ready(function () {
       const showGameBtn = document.getElementById("show-game-btn");
       if (boredWaiting === "enabled" && showGameBtn) {
         showGameBtn.style.display = "block";
+        showGameBtn.parentNode.insertBefore(document.createElement('br'), showGameBtn.nextSibling);
       }
     }, 5000);
 
@@ -176,7 +177,8 @@ async function submitMultiPdfForm(url, files) {
   const zipThreshold = parseInt(localStorage.getItem("zipThreshold"), 10) || 4;
   const zipFiles = files.length > zipThreshold;
   let jszip = null;
-  // Show the progress bar
+  // Add Space below Progress Bar before Showing
+  $('.progressBarContainer').after($('<br>'));
   $(".progressBarContainer").show();
   // Initialize the progress bar
 
diff --git a/src/main/resources/templates/fragments/common.html b/src/main/resources/templates/fragments/common.html
index 4ec8ce00..59a3b5f4 100644
--- a/src/main/resources/templates/fragments/common.html
+++ b/src/main/resources/templates/fragments/common.html
@@ -92,7 +92,7 @@
           const downloadCompleteText = /*[[#{downloadComplete}]]*/ 'Download Complete';
           window.downloadCompleteText = downloadCompleteText;
           // Create the 'show-game-btn' button
-          var gameButton = $('<button type="button" class="btn btn-primary" id="show-game-btn" style="display:none;">' + boredWaitingText + '</button><br><br>');
+          var gameButton = $('<button type="button" class="btn btn-primary" id="show-game-btn" style="display:none;">' + boredWaitingText + '</button>');
 
           // Insert the 'show-game-btn' just above the submit button
           submitButton.before(gameButton);
@@ -168,4 +168,4 @@
                   </div>
                 </div>
                 <script th:src="@{'/js/fileInput.js'}"></script>
-</th:block>
\ No newline at end of file
+</th:block>