From 0c13b09029e1384b64511e04992b4bef73bb471a Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Wed, 29 Mar 2023 20:39:59 -0700
Subject: [PATCH] Fix window controls when sidebar queue enabled (#36)

---
 .../components/sidebar-play-queue.tsx            | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/renderer/features/now-playing/components/sidebar-play-queue.tsx b/src/renderer/features/now-playing/components/sidebar-play-queue.tsx
index 45feda9c..27f213a1 100644
--- a/src/renderer/features/now-playing/components/sidebar-play-queue.tsx
+++ b/src/renderer/features/now-playing/components/sidebar-play-queue.tsx
@@ -5,16 +5,24 @@ import { PlayQueue } from '/@/renderer/features/now-playing/components/play-queu
 import { PlayQueueListControls } from './play-queue-list-controls';
 import { Song } from '/@/renderer/api/types';
 import { PageHeader, Paper, VirtualGridContainer } from '/@/renderer/components';
+import { useGeneralSettings } from '/@/renderer/store/settings.store';
+import { Platform } from '/@/renderer/types';
 
 export const SidebarPlayQueue = () => {
   const queueRef = useRef<{ grid: AgGridReactType<Song> } | null>(null);
+  const { windowBarStyle } = useGeneralSettings();
 
   return (
     <VirtualGridContainer>
-      <Stack>
-        <PageHeader backgroundColor="var(--titlebar-bg)" />
-      </Stack>
-      <Paper>
+      {windowBarStyle === Platform.WEB && (
+        <Stack mr={windowBarStyle === Platform.WEB ? '130px' : undefined}>
+          <PageHeader backgroundColor="var(--titlebar-bg)" />
+        </Stack>
+      )}
+      <Paper
+        display={windowBarStyle !== Platform.WEB ? 'flex' : undefined}
+        h={windowBarStyle !== Platform.WEB ? '65px' : undefined}
+      >
         <PlayQueueListControls
           tableRef={queueRef}
           type="sideQueue"