From 320f583660468d678c16589094b960b9d8986946 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Mon, 30 Jan 2023 20:16:43 -0800
Subject: [PATCH] Fix misc. styles

---
 .../virtual-table/table-config-dropdown.tsx   | 29 +++++++++----------
 .../components/drawer-play-queue.tsx          |  4 +--
 2 files changed, 15 insertions(+), 18 deletions(-)

diff --git a/src/renderer/components/virtual-table/table-config-dropdown.tsx b/src/renderer/components/virtual-table/table-config-dropdown.tsx
index d2a72d36..f2e3c0fd 100644
--- a/src/renderer/components/virtual-table/table-config-dropdown.tsx
+++ b/src/renderer/components/virtual-table/table-config-dropdown.tsx
@@ -1,5 +1,5 @@
 import type { ChangeEvent } from 'react';
-import { Stack } from '@mantine/core';
+import { Divider, Stack } from '@mantine/core';
 import { MultiSelect } from '/@/renderer/components/select';
 import { Slider } from '/@/renderer/components/slider';
 import { Switch } from '/@/renderer/components/switch';
@@ -170,7 +170,7 @@ export const TableConfigDropdown = ({ type }: TableConfigDropdownProps) => {
   return (
     <Stack
       p="1rem"
-      spacing="xl"
+      spacing="md"
     >
       <Stack spacing="xs">
         <Text>Table Columns</Text>
@@ -193,20 +193,17 @@ export const TableConfigDropdown = ({ type }: TableConfigDropdownProps) => {
           onChangeEnd={handleUpdateRowHeight}
         />
       </Stack>
-      <Stack spacing="xs">
-        <Text>Auto Fit Columns</Text>
-        <Switch
-          defaultChecked={tableConfig[type]?.autoFit}
-          onChange={handleUpdateAutoFit}
-        />
-      </Stack>
-      <Stack spacing="xs">
-        <Text>Follow Current Song</Text>
-        <Switch
-          defaultChecked={tableConfig[type]?.followCurrentSong}
-          onChange={handleUpdateFollow}
-        />
-      </Stack>
+      <Divider my="0.5rem" />
+      <Switch
+        defaultChecked={tableConfig[type]?.autoFit}
+        label="Auto-fit columns"
+        onChange={handleUpdateAutoFit}
+      />
+      <Switch
+        defaultChecked={tableConfig[type]?.followCurrentSong}
+        label="Follow current song"
+        onChange={handleUpdateFollow}
+      />
     </Stack>
   );
 };
diff --git a/src/renderer/features/now-playing/components/drawer-play-queue.tsx b/src/renderer/features/now-playing/components/drawer-play-queue.tsx
index 05e5beac..cc7a38f0 100644
--- a/src/renderer/features/now-playing/components/drawer-play-queue.tsx
+++ b/src/renderer/features/now-playing/components/drawer-play-queue.tsx
@@ -10,8 +10,8 @@ export const DrawerPlayQueue = () => {
 
   return (
     <Stack
-      pb="1rem"
-      sx={{ height: '100%' }}
+      h="100%"
+      spacing={0}
     >
       <PlayQueue
         ref={queueRef}