From fda295c88bd3c497588bb199a9bb900482041450 Mon Sep 17 00:00:00 2001
From: iiPython <ben@iipython.dev>
Date: Sun, 1 Sep 2024 15:56:52 -0500
Subject: [PATCH] merge with our fork because pyx forgot to add it

---
 .../features/player/components/left-controls.tsx      | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/renderer/features/player/components/left-controls.tsx b/src/renderer/features/player/components/left-controls.tsx
index b75e2509..971a9b55 100644
--- a/src/renderer/features/player/components/left-controls.tsx
+++ b/src/renderer/features/player/components/left-controls.tsx
@@ -67,7 +67,7 @@ const PlayerbarImage = styled.img`
 
 const LineItem = styled.div<{ $secondary?: boolean }>`
     display: inline-block;
-    width: 95%;
+    width: fit-content;
     max-width: 20vw;
     overflow: hidden;
     line-height: 1.3;
@@ -107,8 +107,6 @@ export const LeftControls = () => {
 
     const isSongDefined = Boolean(currentSong?.id);
 
-    const stopPropagation = (e?: MouseEvent) => e?.stopPropagation();
-
     const handleGeneralContextMenu = useHandleGeneralContextMenu(
         LibraryItem.SONG,
         SONG_CONTEXT_MENU_ITEMS,
@@ -124,6 +122,8 @@ export const LeftControls = () => {
         setSideBar({ image: true });
     };
 
+    const stopPropagation = (e?: MouseEvent) => e?.stopPropagation();
+
     useHotkeys([
         [
             bindings.toggleFullscreenPlayer.allowGlobal
@@ -262,7 +262,10 @@ export const LeftControls = () => {
                             </React.Fragment>
                         ))}
                     </LineItem>
-                    <LineItem $secondary>
+                    <LineItem
+                        $secondary
+                        onClick={stopPropagation}
+                    >
                         <Text
                             $link
                             component={Link}