From cdb5cdf44289ac32e3f9da580f3426b55c725d38 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Thu, 9 Feb 2023 00:18:25 -0800
Subject: [PATCH] Fix sizing of drawer queue, add border

---
 src/renderer/layouts/default-layout.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/renderer/layouts/default-layout.tsx b/src/renderer/layouts/default-layout.tsx
index 0ab45b05..cef35eb6 100644
--- a/src/renderer/layouts/default-layout.tsx
+++ b/src/renderer/layouts/default-layout.tsx
@@ -98,6 +98,7 @@ const ResizeHandle = styled.div<{
 
 const QueueDrawer = styled(motion.div)`
   background: var(--main-bg);
+  border: 3px solid var(--generic-border-color);
   border-radius: 10px;
 `;
 
@@ -162,7 +163,7 @@ export const DefaultLayout = ({ shell }: DefaultLayoutProps) => {
 
   const queueDrawerVariants: Variants = {
     closed: {
-      height: 'calc(100vh - 190px)',
+      height: 'calc(100vh - 175px)',
       position: 'absolute',
       right: 0,
       top: '75px',
@@ -175,7 +176,7 @@ export const DefaultLayout = ({ shell }: DefaultLayoutProps) => {
     },
     open: {
       boxShadow: '0px 0px 10px 0px rgba(0, 0, 0, 0.8)',
-      height: 'calc(100vh - 190px)',
+      height: 'calc(100vh - 175px)',
       position: 'absolute',
       right: '20px',
       top: '75px',