From 1eed26abab6c07b7c4341447eb244fcb299e4982 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Thu, 9 Mar 2023 18:14:40 -0800
Subject: [PATCH] Set genres to use outline button

---
 .../features/albums/components/album-detail-content.tsx   | 8 ++++----
 .../artists/components/album-artist-detail-content.tsx    | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/renderer/features/albums/components/album-detail-content.tsx b/src/renderer/features/albums/components/album-detail-content.tsx
index 38217476..79eb16d3 100644
--- a/src/renderer/features/albums/components/album-detail-content.tsx
+++ b/src/renderer/features/albums/components/album-detail-content.tsx
@@ -304,16 +304,16 @@ export const AlbumDetailContent = ({ tableRef }: AlbumDetailContentProps) => {
           component="section"
           py="1rem"
         >
-          <Group>
+          <Group spacing="sm">
             {detailQuery?.data?.genres?.map((genre) => (
               <Button
                 key={`genre-${genre.id}`}
                 compact
                 component={Link}
-                radius="md"
-                size="sm"
+                radius={0}
+                size="md"
                 to={generatePath(`${AppRoute.LIBRARY_ALBUMS}?genre=${genre.id}`, { albumId })}
-                variant="default"
+                variant="outline"
               >
                 {genre.name}
               </Button>
diff --git a/src/renderer/features/artists/components/album-artist-detail-content.tsx b/src/renderer/features/artists/components/album-artist-detail-content.tsx
index e3155392..89f22891 100644
--- a/src/renderer/features/artists/components/album-artist-detail-content.tsx
+++ b/src/renderer/features/artists/components/album-artist-detail-content.tsx
@@ -336,18 +336,18 @@ export const AlbumArtistDetailContent = () => {
       </Box>
       {showGenres && (
         <Box component="section">
-          <Group>
+          <Group spacing="sm">
             {detailQuery?.data?.genres?.map((genre) => (
               <Button
                 key={`genre-${genre.id}`}
                 compact
                 component={Link}
                 radius="md"
-                size="sm"
+                size="md"
                 to={generatePath(`${AppRoute.LIBRARY_ALBUM_ARTISTS}?genre=${genre.id}`, {
                   albumArtistId,
                 })}
-                variant="default"
+                variant="outline"
               >
                 {genre.name}
               </Button>