From de7bc828b1bca97e7ffbf099a2ea5343c800392b Mon Sep 17 00:00:00 2001
From: MiepHD <63968466+MiepHD@users.noreply.github.com>
Date: Tue, 22 Nov 2022 17:55:50 +0100
Subject: [PATCH 1/3] Appended directly to the main-panel

---
 plugins/video-toggle/front.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/video-toggle/front.js b/plugins/video-toggle/front.js
index ab82aef19e..9b6985ebc0 100644
--- a/plugins/video-toggle/front.js
+++ b/plugins/video-toggle/front.js
@@ -38,7 +38,7 @@ function setup(e) {
     player = $('ytmusic-player');
     video = $('video');
 
-    $('ytmusic-player-page').prepend(switchButtonDiv);
+    $('#main-panel').append(switchButtonDiv);
 
     if (options.hideVideo) {
         $('.video-switch-button-checkbox').checked = false;

From 46bfec299c12eb19b382f9872c9c302fdd9ea870 Mon Sep 17 00:00:00 2001
From: MiepHD <63968466+MiepHD@users.noreply.github.com>
Date: Tue, 22 Nov 2022 17:56:23 +0100
Subject: [PATCH 2/3] Centered toggle

---
 plugins/video-toggle/button-switcher.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/plugins/video-toggle/button-switcher.css b/plugins/video-toggle/button-switcher.css
index 626d3bd134..7d3de09775 100644
--- a/plugins/video-toggle/button-switcher.css
+++ b/plugins/video-toggle/button-switcher.css
@@ -2,6 +2,10 @@
     align-items: unset !important;
 }
 
+#main-panel {
+    position: relative;
+}
+
 .video-switch-button {
     z-index: 999;
     box-sizing: border-box;
@@ -18,6 +22,7 @@
     color: #fff;
     padding-right: 120px;
     position: absolute;
+    left: calc(50% - 120px);
 }
 
 .video-switch-button:before {

From 74c9fe13e289fd028c42bcac10e5b4bfdc14fda2 Mon Sep 17 00:00:00 2001
From: MiepHD <63968466+MiepHD@users.noreply.github.com>
Date: Wed, 28 Dec 2022 10:23:11 +0100
Subject: [PATCH 3/3] Added option to change alignment of video-toggle

---
 plugins/video-toggle/button-switcher.css |  2 +-
 plugins/video-toggle/front.js            | 15 +++++++++++
 plugins/video-toggle/menu.js             | 32 ++++++++++++++++++++++++
 3 files changed, 48 insertions(+), 1 deletion(-)

diff --git a/plugins/video-toggle/button-switcher.css b/plugins/video-toggle/button-switcher.css
index 7d3de09775..048d1b6a16 100644
--- a/plugins/video-toggle/button-switcher.css
+++ b/plugins/video-toggle/button-switcher.css
@@ -22,7 +22,7 @@
     color: #fff;
     padding-right: 120px;
     position: absolute;
-    left: calc(50% - 120px);
+    left: var(--align);
 }
 
 .video-switch-button:before {
diff --git a/plugins/video-toggle/front.js b/plugins/video-toggle/front.js
index 9b6985ebc0..07f966c7b6 100644
--- a/plugins/video-toggle/front.js
+++ b/plugins/video-toggle/front.js
@@ -31,6 +31,21 @@ module.exports = (_options) => {
             document.addEventListener("apiLoaded", setup, { once: true, passive: true });
         }
     }
+    const mainpanel = document.querySelector("#main-panel");
+    switch (_options.align) {
+        case "right": {
+            mainpanel.style.setProperty("--align", "calc(100% - 240px)");
+            return;
+        }
+        case "middle": {
+            mainpanel.style.setProperty("--align", "calc(50% - 120px)");
+            return;
+        }
+        default:
+        case "left": {
+            mainpanel.style.setProperty("--align", "0px");
+        }
+    }
 };
 
 function setup(e) {
diff --git a/plugins/video-toggle/menu.js b/plugins/video-toggle/menu.js
index 2cf4be0a30..059aa963b3 100644
--- a/plugins/video-toggle/menu.js
+++ b/plugins/video-toggle/menu.js
@@ -33,6 +33,38 @@ module.exports = (win, options) => [
             },
         ]
     },
+    {
+        label: "Alignment",
+        submenu: [
+            {
+                label: "Left",
+                type: "radio",
+                checked: options.align === 'left',
+                click: () => {
+                    options.align = 'left';
+                    setMenuOptions("video-toggle", options);
+                }
+            },
+            {
+                label: "Middle",
+                type: "radio",
+                checked: options.align === 'middle',
+                click: () => {
+                    options.align = 'middle';
+                    setMenuOptions("video-toggle", options);
+                }
+            },
+            {
+                label: "Right",
+                type: "radio",
+                checked: options.align === 'right',
+                click: () => {
+                    options.align = 'right';
+                    setMenuOptions("video-toggle", options);
+                }
+            },
+        ]
+    },
     {
         label: "Force Remove Video Tab",
         type: "checkbox",