From 7891d13329c13943c1d90a5a0973262a85da97d0 Mon Sep 17 00:00:00 2001
From: Muhammed Yusuf <32941435+myusf01@users.noreply.github.com>
Date: Sat, 2 Sep 2023 09:58:23 +0300
Subject: [PATCH] Added label for autoQueueCheckbox. (#1295)

* Added label for autoQueueCheckbox.

* Menu gets behind of some custom nodes.

* Edited extraOptions.
Options divided in to different divs to manage them with ease.
---
 web/scripts/ui.js | 18 +++++++++++++++---
 web/style.css     |  2 +-
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/web/scripts/ui.js b/web/scripts/ui.js
index 86e2a1c4..8611c248 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,14 +642,23 @@ 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",
 						type: "checkbox",
 						checked: false,
-						title: "automatically queue prompt when the queue size hits 0",
+						title: "Automatically queue prompt when the queue size hits 0",
+						
 					}),
-				]),
+				])
 			]),
 			$el("div.comfy-menu-btns", [
 				$el("button", {
diff --git a/web/style.css b/web/style.css
index 5b6b9ec5..692fa31d 100644
--- a/web/style.css
+++ b/web/style.css
@@ -88,7 +88,7 @@ body {
 	top: 50%;
 	right: 0;
 	text-align: center;
-	z-index: 100;
+	z-index: 999;
 	width: 170px;
 	display: flex;
 	flex-direction: column;