From 500f217a6d93fa9274a14c6b3c4c56ff581cef55 Mon Sep 17 00:00:00 2001
From: Muhammed Yusuf <32941435+myusf01@users.noreply.github.com>
Date: Thu, 24 Aug 2023 15:21:22 +0300
Subject: [PATCH] Edited extraOptions. Options divided in to different divs to
 manage them with ease.

---
 web/scripts/ui.js | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/web/scripts/ui.js b/web/scripts/ui.js
index 1782e2878..8611c2482 100644
--- a/web/scripts/ui.js
+++ b/web/scripts/ui.js
@@ -617,7 +617,10 @@ export class ComfyUI {
 				]),
 			]),
 			$el("div", {id: "extraOptions", style: {width: "100%", display: "none"}}, [
-				$el("label", {innerHTML: "Batch count"}, [
+				$el("div",[
+
+					$el("label", {innerHTML: "Batch count"}),
+					
 					$el("input", {
 						id: "batchCountInputNumber",
 						type: "number",
@@ -639,6 +642,14 @@ export class ComfyUI {
 							this.batchCount = i.srcElement.value;
 							document.getElementById("batchCountInputNumber").value = i.srcElement.value;
 						},
+					}),		
+				]),
+
+				$el("div",[
+					$el("label",{
+						for:"autoQueueCheckbox",
+						innerHTML: "Auto Queue"
+						// textContent: "Auto Queue"
 					}),
 					$el("input", {
 						id: "autoQueueCheckbox",
@@ -647,11 +658,7 @@ export class ComfyUI {
 						title: "Automatically queue prompt when the queue size hits 0",
 						
 					}),
-					$el("label",{
-						for:"autoQueueCheckbox",
-						textContent: "Auto Queue"
-					})
-				]),
+				])
 			]),
 			$el("div.comfy-menu-btns", [
 				$el("button", {