Fix misc. styles

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">
+      <Divider my="0.5rem" />
-        <Text>Auto Fit Columns</Text>
+      <Switch
-        <Switch
+        defaultChecked={tableConfig[type]?.autoFit}
-          defaultChecked={tableConfig[type]?.autoFit}
+        label="Auto-fit columns"
-          onChange={handleUpdateAutoFit}
+        onChange={handleUpdateAutoFit}
-        />
+      />
-      </Stack>
+      <Switch
-      <Stack spacing="xs">
+        defaultChecked={tableConfig[type]?.followCurrentSong}
-        <Text>Follow Current Song</Text>
+        label="Follow current song"
-        <Switch
+        onChange={handleUpdateFollow}
-          defaultChecked={tableConfig[type]?.followCurrentSong}
+      />
-          onChange={handleUpdateFollow}
-        />
-      </Stack>
     </Stack>
   );
 };

src/renderer/features/now-playing/components/drawer-play-queue.tsx

@@ -10,8 +10,8 @@ export const DrawerPlayQueue = () => {
 
   return (
     <Stack
-      pb="1rem"
+      h="100%"
-      sx={{ height: '100%' }}
+      spacing={0}
     >
       <PlayQueue
         ref={queueRef}