fix Show Javascript card layout (#1959)

src/main/java/stirling/software/SPDF/SPdfApplication.java

@@ -39,7 +39,8 @@ public class SPdfApplication {
     public void setServerPortStatic(String port) {
         if (port.equalsIgnoreCase("auto")) {
             // Use Spring Boot's automatic port assignment (server.port=0)
-            SPdfApplication.serverPortStatic = "0"; // This will let Spring Boot assign an available port
+            SPdfApplication.serverPortStatic =
+                    "0"; // This will let Spring Boot assign an available port
         } else {
             SPdfApplication.serverPortStatic = port;
         }

src/main/resources/static/js/pipeline.js

@@ -81,6 +81,8 @@ document.getElementById("submitConfigBtn").addEventListener("click", function ()
   let selectedOperation = document.getElementById("operationsDropdown").value;
 
   var pipelineName = document.getElementById("pipelineName").value;
+
+
   let pipelineList = document.getElementById("pipelineList").children;
   let pipelineConfig = {
     name: pipelineName,
@@ -219,6 +221,7 @@ fetch("v1/api-docs")
 document.getElementById('deletePipelineBtn').addEventListener('click', function(event) {
     event.preventDefault();
     let pipelineName = document.getElementById('pipelineName').value;
+
 	if (confirm(deletePipelineText + pipelineName)) {
 		removePipelineFromUI(pipelineName);
 	    let key = "#Pipeline-" + pipelineName;

src/main/resources/templates/misc/show-javascript.html

@@ -20,7 +20,7 @@
         <br><br>
         <div class="container">
           <div class="row justify-content-center">
-            <div class="col-md-12 bg-card">
+            <div class="col-md-6 bg-card">
               <div class="tool-header">
                 <span class="material-symbols-rounded tool-header-icon advance">javascript</span>
                 <span class="tool-header-text" th:text="#{showJS.header}"></span>
@@ -30,7 +30,7 @@
                 <br>
                 <button type="submit" id="submitBtn" class="btn btn-primary" th:text="#{showJS.submit}"></button>
               </form>
-              <div class="container mt-5">
+              <div class="container mt-4">
                 <!-- Iterate over each main section in the JSON -->
                 <div id="script-content">
                   <!-- JavaScript will populate this section -->