From 026b1f6ec2770d3343e2803c72690eaecf3d13b4 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Tue, 27 Dec 2022 13:56:37 -0800
Subject: [PATCH] Fix styles on control section

---
 .../now-playing/routes/now-playing-route.tsx     | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/renderer/features/now-playing/routes/now-playing-route.tsx b/src/renderer/features/now-playing/routes/now-playing-route.tsx
index fed24815..8425dabc 100644
--- a/src/renderer/features/now-playing/routes/now-playing-route.tsx
+++ b/src/renderer/features/now-playing/routes/now-playing-route.tsx
@@ -1,6 +1,6 @@
 import { useRef } from 'react';
 import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
-import { Stack } from '@mantine/core';
+import { Flex, Stack } from '@mantine/core';
 import { NowPlayingHeader } from '/@/renderer/features/now-playing/components/now-playing-header';
 import { PlayQueue } from '/@/renderer/features/now-playing/components/play-queue';
 import { PlayQueueListControls } from '/@/renderer/features/now-playing/components/play-queue-list-controls';
@@ -13,20 +13,20 @@ const NowPlayingRoute = () => {
   return (
     <AnimatedPage>
       <Stack
-        pb="1rem"
+        h="100%"
         spacing={0}
-        sx={{ height: '100%' }}
       >
         <NowPlayingHeader />
         <PlayQueue
           ref={queueRef}
           type="nowPlaying"
         />
-
-        <PlayQueueListControls
-          tableRef={queueRef}
-          type="nowPlaying"
-        />
+        <Flex sx={{ borderTop: '1px solid var(--generic-border-color)' }}>
+          <PlayQueueListControls
+            tableRef={queueRef}
+            type="nowPlaying"
+          />
+        </Flex>
       </Stack>
     </AnimatedPage>
   );