From 6872a7e8b253156dca90b3aae17d7cf52138bf4b Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sun, 5 Feb 2023 20:52:25 -0800
Subject: [PATCH] Adjust various base components

---
 src/renderer/components/dropdown-menu/index.tsx              | 2 +-
 src/renderer/components/pagination/index.tsx                 | 1 -
 src/renderer/components/scroll-area/index.tsx                | 2 +-
 src/renderer/components/virtual-table/table-pagination.tsx   | 5 ++---
 .../features/shared/components/library-header-bar.tsx        | 4 ++--
 5 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/renderer/components/dropdown-menu/index.tsx b/src/renderer/components/dropdown-menu/index.tsx
index 498eaee4..6a317e38 100644
--- a/src/renderer/components/dropdown-menu/index.tsx
+++ b/src/renderer/components/dropdown-menu/index.tsx
@@ -57,7 +57,7 @@ const StyledMenuItem = styled(MantineMenu.Item)<MenuItemProps>`
   }
 
   & .mantine-Menu-itemIcon {
-    margin-right: 0.5rem;
+    margin-right: 1rem;
   }
 
   & .mantine-Menu-itemLabel {
diff --git a/src/renderer/components/pagination/index.tsx b/src/renderer/components/pagination/index.tsx
index 1b4a7131..b01fa032 100644
--- a/src/renderer/components/pagination/index.tsx
+++ b/src/renderer/components/pagination/index.tsx
@@ -46,7 +46,6 @@ export const Pagination = ({ $hideDividers, ...props }: PaginationProps) => {
     <StyledPagination
       $hideDividers={$hideDividers}
       radius="xl"
-      size="md"
       {...props}
     />
   );
diff --git a/src/renderer/components/scroll-area/index.tsx b/src/renderer/components/scroll-area/index.tsx
index 0f21884f..4fc2dfc6 100644
--- a/src/renderer/components/scroll-area/index.tsx
+++ b/src/renderer/components/scroll-area/index.tsx
@@ -58,7 +58,7 @@ interface NativeScrollAreaProps {
   pageHeaderProps?: PageHeaderProps & { offset?: any; target?: any };
   scrollBarOffset?: string;
   scrollHideDelay?: number;
-  style: React.CSSProperties;
+  style?: React.CSSProperties;
 }
 
 export const NativeScrollArea = forwardRef(
diff --git a/src/renderer/components/virtual-table/table-pagination.tsx b/src/renderer/components/virtual-table/table-pagination.tsx
index b518fcac..d067dc9a 100644
--- a/src/renderer/components/virtual-table/table-pagination.tsx
+++ b/src/renderer/components/virtual-table/table-pagination.tsx
@@ -108,10 +108,9 @@ export const TablePagination = ({
         >
           <Popover.Target>
             <Button
-              compact
               radius="sm"
-              size="lg"
-              sx={{ height: '32px', padding: 0, width: '32px' }}
+              size="sm"
+              sx={{ height: '26px', padding: '0', width: '26px' }}
               tooltip={{ label: 'Go to page' }}
               variant="default"
               onClick={() => handlers.toggle()}
diff --git a/src/renderer/features/shared/components/library-header-bar.tsx b/src/renderer/features/shared/components/library-header-bar.tsx
index b3271563..491864f0 100644
--- a/src/renderer/features/shared/components/library-header-bar.tsx
+++ b/src/renderer/features/shared/components/library-header-bar.tsx
@@ -44,8 +44,8 @@ interface PlayButtonProps {
 const PlayButton = ({ onClick }: PlayButtonProps) => {
   return (
     <PlayBtn
-      h="50px"
-      w="50px"
+      h="45px"
+      w="45px"
       onClick={onClick}
     />
   );