From 1f2816e6fbb04a936212bf11ddc0747bde2bb497 Mon Sep 17 00:00:00 2001
From: FoxxMD <FoxxMD@users.noreply.github.com>
Date: Tue, 27 Jan 2026 17:48:12 +0000
Subject: [PATCH] Move debug icon to left side

---
 src/client/recent/RecentPage.tsx       | 9 ++++++---
 src/client/scrobbled/ScrobbledPage.tsx | 9 ++++++---
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/client/recent/RecentPage.tsx b/src/client/recent/RecentPage.tsx
index b0619091..f5171271 100644
--- a/src/client/recent/RecentPage.tsx
+++ b/src/client/recent/RecentPage.tsx
@@ -54,7 +54,7 @@ const recent = () => {
         setIndex(index);
     },[copy, setIndex]);
 
-    const baseClass = ['float-right'];
+    const baseClass = ['mr-3'];
 
     const isUpstream = searchParams.get('upstream') === '1';
 
@@ -93,8 +93,11 @@ const recent = () => {
                         //     }
                         //     return y;
                         // });
-                        return <li key={x.index}><PlayDisplay data={x} buildOptions={displayOpts}/> <button className={clsx(classes)} onClick={() => copyActionCB(x.meta.lifecycle, x.index)}>{copiedIndex === x.index ? 'Copied!' : <FontAwesomeIcon
-                        color="white" icon={faBug}/>}</button></li>
+                        return <li key={x.index}>
+                            <button className={clsx(classes)} onClick={() => copyActionCB(x.meta.lifecycle, x.index)}>{copiedIndex === x.index ? 'Copied!' : <FontAwesomeIcon
+                        color="white" icon={faBug}/>}</button>
+                            <PlayDisplay data={x} buildOptions={displayOpts}/>
+                        </li>
                 })}</ul>
                 </div>
             </div>
diff --git a/src/client/scrobbled/ScrobbledPage.tsx b/src/client/scrobbled/ScrobbledPage.tsx
index 2e259f48..b65c45b7 100644
--- a/src/client/scrobbled/ScrobbledPage.tsx
+++ b/src/client/scrobbled/ScrobbledPage.tsx
@@ -31,7 +31,7 @@ const scrobbled = () => {
         setIndex(index);
     },[copy, setIndex]);
 
-    const baseClass = ['float-right'];
+    const baseClass = ['mr-3'];
 
 
     return (
@@ -46,8 +46,11 @@ const scrobbled = () => {
                     <ul>{data.map(x => {
                         const classes = [...baseClass].concat(copiedIndex !== x.index ? ['underline','cursor-pointer'] : []);
                         
-                        return <li key={x.index}><PlayDisplay data={x} buildOptions={displayOpts}/> <button className={clsx(classes)} onClick={() => copyActionCB(x.meta.lifecycle, x.index)}>{copiedIndex === x.index ? 'Copied!' : <FontAwesomeIcon
-                                                color="white" icon={faBug}/>}</button></li>;
+                        return <li key={x.index}>
+                            <button className={clsx(classes)} onClick={() => copyActionCB(x.meta.lifecycle, x.index)}>{copiedIndex === x.index ? 'Copied!' : <FontAwesomeIcon
+                                                color="white" icon={faBug}/>}</button>
+                                                <PlayDisplay data={x} buildOptions={displayOpts}/>
+                                </li>;
                 })} </ul>
                 </div>
             </div>
-- 
2.51.2