diff --git a/css/main.css b/css/main.css index 94563e1d..ef6b7b70 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 e65c7314..f0d8bc38 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 //------------------------------------------------