From 24028e4ab4ed365b19d4d45e3778f733d079f0a1 Mon Sep 17 00:00:00 2001
From: meowarex <info@atomix.one>
Date: Thu, 5 Jun 2025 18:00:54 +1000
Subject: [PATCH 1/2] Moved Unhide Button to the Right

---
 plugins/radiant-lyrics-luna/src/index.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/plugins/radiant-lyrics-luna/src/index.ts b/plugins/radiant-lyrics-luna/src/index.ts
index b6d817b..d0a3019 100644
--- a/plugins/radiant-lyrics-luna/src/index.ts
+++ b/plugins/radiant-lyrics-luna/src/index.ts
@@ -282,11 +282,11 @@ const createUnhideUIButton = function(): void {
         unhideUIButton.setAttribute('title', 'Unhide UI');
         unhideUIButton.textContent = 'Unhide';
         
-        // Style for bottom-left positioning with blur and transparency
+        // Style for bottom-right positioning with blur and transparency
         unhideUIButton.style.cssText = `
             position: fixed;
             bottom: 120px;
-            left: 20px;
+            right: 20px;
             background-color: rgba(255, 255, 255, 0.2);
             color: white;
             border: 1px solid rgba(255, 255, 255, 0.3);
@@ -323,7 +323,7 @@ const createUnhideUIButton = function(): void {
         // Append to body instead of a specific container
         document.body.appendChild(unhideUIButton);
         
-        //trace.msg.log("Unhide UI button added to bottom-left above player bar");
+        //trace.msg.log("Unhide UI button added to bottom-right above player bar");
         updateButtonStates();
     }, 1500); // Slight delay after hide button
 };

From 779cf3491fdb811ccdf0bfec6d229802c51f93ae Mon Sep 17 00:00:00 2001
From: meowarex <info@atomix.one>
Date: Thu, 5 Jun 2025 18:17:57 +1000
Subject: [PATCH 2/2] Reworked Unhide Button into Now Playing Container

---
 plugins/radiant-lyrics-luna/src/index.ts | 37 +++++++++++++++---------
 1 file changed, 23 insertions(+), 14 deletions(-)

diff --git a/plugins/radiant-lyrics-luna/src/index.ts b/plugins/radiant-lyrics-luna/src/index.ts
index d0a3019..b131d92 100644
--- a/plugins/radiant-lyrics-luna/src/index.ts
+++ b/plugins/radiant-lyrics-luna/src/index.ts
@@ -275,35 +275,43 @@ const createUnhideUIButton = function(): void {
         // Check if our button already exists
         if (document.querySelector('.unhide-ui-button')) return;
 
-        // Create our unhide UI button and position it on the left side above player
+        // Find the Now Playing container to place the button within it
+        const nowPlayingContainer = document.querySelector('[class*="_nowPlayingContainer"]') as HTMLElement;
+        if (!nowPlayingContainer) {
+            // Retry if container not found yet
+            setTimeout(() => createUnhideUIButton(), 1000);
+            return;
+        }
+
+        // Create our unhide UI button
         const unhideUIButton = document.createElement("button");
         unhideUIButton.className = 'unhide-ui-button';
         unhideUIButton.setAttribute('aria-label', 'Unhide UI');
         unhideUIButton.setAttribute('title', 'Unhide UI');
         unhideUIButton.textContent = 'Unhide';
         
-        // Style for bottom-right positioning with blur and transparency
+        // Style for top-left positioning within the Now Playing container
         unhideUIButton.style.cssText = `
-            position: fixed;
-            bottom: 120px;
-            right: 20px;
+            position: absolute;
+            top: 20px;
+            left: 20px;
             background-color: rgba(255, 255, 255, 0.2);
             color: white;
             border: 1px solid rgba(255, 255, 255, 0.3);
             border-radius: 12px;
-            height: 50px;
-            padding: 0 16px;
+            height: 40px;
+            padding: 0 12px;
             cursor: pointer;
             display: none;
             align-items: center;
             justify-content: center;
             transition: all 0.3s ease;
-            font-size: 14px;
+            font-size: 12px;
             font-weight: 600;
             white-space: nowrap;
             backdrop-filter: blur(10px);
             -webkit-backdrop-filter: blur(10px);
-            z-index: 9999;
+            z-index: 1000;
             box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
         `;
         
@@ -320,10 +328,10 @@ const createUnhideUIButton = function(): void {
         
         unhideUIButton.onclick = toggleRadiantLyrics;
 
-        // Append to body instead of a specific container
-        document.body.appendChild(unhideUIButton);
+        // Append to the Now Playing container
+        nowPlayingContainer.appendChild(unhideUIButton);
         
-        //trace.msg.log("Unhide UI button added to bottom-right above player bar");
+        //trace.msg.log("Unhide UI button added to top-left of Now Playing container");
         updateButtonStates();
     }, 1500); // Slight delay after hide button
 };
@@ -367,8 +375,9 @@ function observeForButtons(): void {
             createHideUIButton();
         }
         
-        // Create unhide button if it doesn't exist
-        if (!document.querySelector('.unhide-ui-button')) {
+        // Create unhide button if it doesn't exist and Now Playing container exists
+        const nowPlayingContainer = document.querySelector('[class*="_nowPlayingContainer"]');
+        if (nowPlayingContainer && !document.querySelector('.unhide-ui-button')) {
             createUnhideUIButton();
         }
     }, 500); // Check every 500ms (much more efficient than MutationObserver)