REARANGE DISPLAY MARK TOGGLE AND SECTION MOVE

addform.html

@@ -256,7 +256,7 @@
 	overflow-y: auto;
 	overflow-x: scroll;
 	max-height: 532px;
-	padding:0 00 20px; 
+	padding:0 10px 20px; 
 	width: 235px;
 	height: -webkit-fill-available;
 	}
@@ -305,8 +305,9 @@
 	flex-grow: 1; /* Allow the main content to grow and fill the remaining space */
 	overflow-y: auto; /* Enable vertical scrolling for the main content */
 	}
+
 	.qP-style{
-	left:-220px!important;
+	left:-300px!important;
 	}
 
 	/*navigation botton */
@@ -368,7 +369,7 @@
 	.popup {
 		display: none;
 		position: fixed;
-		background-color: #c8c8cb;
+		background-color: #dfdfe5;
 		width: 30%;
 		top: 50%;
 		left: 50%;
@@ -600,16 +601,37 @@
 		<!-- The overlay background -->
 		<div class="overlay " id="overlay"></div>
 		<!-- The popup container -->
-		<div class="popup " id="popup">
+		<div class="popup" style="border-top : 10px solid;color:#7018d4;border-radius: 10px;" id="popup">
+			<div style="margin-bottom: 9px;">Reorder sections</div>
 			<ul id="output" class="">
+				<!-- <div style="margin-bottom: 9px;">Reorder sections</div> -->
 				Reorder sections
 			</ul>
 			<div class="popup-save form-button">
-				<button onclick="saveFile(flag=1)" id="closePopupButton">Save</button>
+				<button  class="closePopupButton">Close</button>
 			</div>
 			
 			<!-- <button id="closePopupButton">Close</button> -->
 		</div>
+		<script>
+			// Get the close button element by its class name
+			var closeButton = document.querySelector('.closePopupButton');
+			
+			// Add a click event listener to the close button
+			closeButton.addEventListener('click', function() {
+				// Get the popup element by its ID
+				var popup = document.getElementById('popup');
+				
+				// Clear the content of the popup by setting its innerHTML to an empty string
+				// popup.innerHTML = '';
+				console.log("popup:",popup);
+				// Hide the popup by setting its display style to "none"
+				popup.style.display = 'none';
+				json2nav();
+				clearSidebarWrapper();
+				navpane();
+			});
+		</script>
 	
 	
         <div class="copy-right-area">
@@ -2929,6 +2951,9 @@ function removeClonedQroupQuestion(index)
 	
 	// Function to execute the script and display its output in the popup
 	function executeScriptAndDisplayOutput() {
+		console.log("dddddddddddddddddddddddddddddddddddddddddddddddddddd");
+		const popups = document.getElementById("output");
+		popups.innerHTML = "";
 			// Display the popup with the output
 		const popup = document.getElementById('popup');
 		popup.style.display = 'block';
@@ -2983,6 +3008,7 @@ function removeClonedQroupQuestion(index)
 
 		// Add event listeners to handle reordering
 		reorderpop.addEventListener('click', (e) => {
+			
 			if (e.target.classList.contains('up-icon')) {
 				console.log("up");
 				const reorderpop_item = e.target.parentElement.parentElement;

style.css

@@ -1612,7 +1612,7 @@ input::focus {
     padding-bottom: 10px;
 }
 .catagories-body ul li a {
-    color: #616161;
+    color: #5A49F8;
     font-size: 16px;
     font-family: 'Poppins', sans-serif;
     transition: .5s;