From 9fc46d3c1940f45ff86fd7a326e26e2609748bfd Mon Sep 17 00:00:00 2001
From: oobabooga <112222186+oobabooga@users.noreply.github.com>
Date: Wed, 13 Sep 2023 10:02:25 -0700
Subject: [PATCH] Move "Show controls" to the right

---
 css/main.css |  4 +++-
 js/main.js   | 11 +++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/css/main.css b/css/main.css
index 94563e1ddc..ef6b7b706d 100644
--- a/css/main.css
+++ b/css/main.css
@@ -404,7 +404,9 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
 #show-controls {
     position: absolute;
     background-color: transparent;
-    left: calc(100% - 180px);
+    left: calc(100% - 175px);
+    border: 0px;
+    z-index: 1000;
 }
 
 #typing-container {
diff --git a/js/main.js b/js/main.js
index e65c731433..f0d8bc38c3 100644
--- a/js/main.js
+++ b/js/main.js
@@ -226,6 +226,17 @@ for (let i = 14; i >= 2; i--) {
   }
 }
 
+//------------------------------------------------
+// Relocate the "Show controls" checkbox
+//------------------------------------------------
+var elementToMove = document.getElementById('show-controls');
+var parent = elementToMove.parentNode;
+for (var i = 0; i < 2; i++) {
+  parent = parent.parentNode;
+}
+
+parent.insertBefore(elementToMove, parent.firstChild);
+
 //------------------------------------------------
 // Focus on the chat input
 //------------------------------------------------