From 455452bf7772c4924819b12b8c5dfacc9bd5e1ce Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Mon, 15 Dec 2025 01:14:19 -0800
Subject: [PATCH] revert padding of sidebar filters

---
 .../features/albums/components/jellyfin-album-filters.tsx       | 2 +-
 .../features/albums/components/navidrome-album-filters.tsx      | 2 +-
 .../features/albums/components/subsonic-album-filters.tsx       | 2 +-
 src/renderer/features/lyrics/lyrics.tsx                         | 2 +-
 src/renderer/features/shared/components/list-filters.tsx        | 2 +-
 .../features/songs/components/jellyfin-song-filters.tsx         | 2 +-
 .../features/songs/components/navidrome-song-filters.tsx        | 2 +-
 .../features/songs/components/subsonic-song-filters.tsx         | 2 +-
 8 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/renderer/features/albums/components/jellyfin-album-filters.tsx b/src/renderer/features/albums/components/jellyfin-album-filters.tsx
index d6717db04..535da84f9 100644
--- a/src/renderer/features/albums/components/jellyfin-album-filters.tsx
+++ b/src/renderer/features/albums/components/jellyfin-album-filters.tsx
@@ -193,7 +193,7 @@ export const JellyfinAlbumFilters = ({ disableArtistFilter }: JellyfinAlbumFilte
     const debouncedHandleMaxYearFilter = useDebouncedCallback(handleMaxYearFilter, 300);
 
     return (
-        <Stack px="xl" py="md">
+        <Stack px="md" py="md">
             {yesNoFilter.map((filter) => (
                 <YesNoSelect
                     defaultValue={filter.value ? filter.value.toString() : undefined}
diff --git a/src/renderer/features/albums/components/navidrome-album-filters.tsx b/src/renderer/features/albums/components/navidrome-album-filters.tsx
index 5e538df5c..84b15da12 100644
--- a/src/renderer/features/albums/components/navidrome-album-filters.tsx
+++ b/src/renderer/features/albums/components/navidrome-album-filters.tsx
@@ -152,7 +152,7 @@ export const NavidromeAlbumFilters = ({ disableArtistFilter }: NavidromeAlbumFil
     const debouncedHandleYearFilter = useDebouncedCallback(handleYearFilter, 300);
 
     return (
-        <Stack px="xl" py="md">
+        <Stack px="md" py="md">
             {yesNoUndefinedFilters.map((filter) => (
                 <YesNoSelect
                     clearable
diff --git a/src/renderer/features/albums/components/subsonic-album-filters.tsx b/src/renderer/features/albums/components/subsonic-album-filters.tsx
index d15e80bdc..ca2dd3fc9 100644
--- a/src/renderer/features/albums/components/subsonic-album-filters.tsx
+++ b/src/renderer/features/albums/components/subsonic-album-filters.tsx
@@ -143,7 +143,7 @@ export const SubsonicAlbumFilters = ({ disableArtistFilter }: SubsonicAlbumFilte
     const debouncedHandleMaxYearFilter = useDebouncedCallback(handleMaxYearFilter, 300);
 
     return (
-        <Stack px="xl" py="md">
+        <Stack px="md" py="md">
             {toggleFilters.map((filter) => (
                 <Group justify="space-between" key={`ss-filter-${filter.label}`}>
                     <Text>{filter.label}</Text>
diff --git a/src/renderer/features/lyrics/lyrics.tsx b/src/renderer/features/lyrics/lyrics.tsx
index 8041c402b..3aeabe5c5 100644
--- a/src/renderer/features/lyrics/lyrics.tsx
+++ b/src/renderer/features/lyrics/lyrics.tsx
@@ -294,7 +294,7 @@ export const Lyrics = ({ fadeOutNoLyricsMessage = true }: LyricsProps) => {
         <ComponentErrorBoundary>
             <div className={styles.lyricsContainer}>
                 {isLoadingLyrics ? (
-                    <Spinner container size={25} />
+                    <Spinner container />
                 ) : (
                     <AnimatePresence mode="sync">
                         {hasNoLyrics ? (
diff --git a/src/renderer/features/shared/components/list-filters.tsx b/src/renderer/features/shared/components/list-filters.tsx
index d3a4204de..1f3b43ba7 100644
--- a/src/renderer/features/shared/components/list-filters.tsx
+++ b/src/renderer/features/shared/components/list-filters.tsx
@@ -108,7 +108,7 @@ export const ListFiltersTitle = () => {
     const canUnpin = Boolean(setIsSidebarOpen);
 
     return (
-        <Group justify="space-between" pb={0} pl="xl" pr="xl" pt="md">
+        <Group justify="space-between" pb={0} pl="md" pr="md" pt="md">
             <Text fw={500} size="xl">
                 {t('common.filters', { postProcess: 'sentenceCase' })}
             </Text>
diff --git a/src/renderer/features/songs/components/jellyfin-song-filters.tsx b/src/renderer/features/songs/components/jellyfin-song-filters.tsx
index 1ac73bd21..2bff1735c 100644
--- a/src/renderer/features/songs/components/jellyfin-song-filters.tsx
+++ b/src/renderer/features/songs/components/jellyfin-song-filters.tsx
@@ -137,7 +137,7 @@ export const JellyfinSongFilters = () => {
     );
 
     return (
-        <Stack px="xl" py="md">
+        <Stack px="md" py="md">
             {yesNoFilters.map((filter) => (
                 <YesNoSelect
                     defaultValue={filter.value ? filter.value.toString() : undefined}
diff --git a/src/renderer/features/songs/components/navidrome-song-filters.tsx b/src/renderer/features/songs/components/navidrome-song-filters.tsx
index a589f1866..529a9d3b0 100644
--- a/src/renderer/features/songs/components/navidrome-song-filters.tsx
+++ b/src/renderer/features/songs/components/navidrome-song-filters.tsx
@@ -77,7 +77,7 @@ export const NavidromeSongFilters = () => {
     const debouncedHandleYearFilter = useDebouncedCallback(handleYearFilter, 300);
 
     return (
-        <Stack px="xl" py="md">
+        <Stack px="md" py="md">
             {yesNoUndefinedFilters.map((filter) => (
                 <YesNoSelect
                     clearable
diff --git a/src/renderer/features/songs/components/subsonic-song-filters.tsx b/src/renderer/features/songs/components/subsonic-song-filters.tsx
index 34f823a1e..f1c94f1cf 100644
--- a/src/renderer/features/songs/components/subsonic-song-filters.tsx
+++ b/src/renderer/features/songs/components/subsonic-song-filters.tsx
@@ -51,7 +51,7 @@ export const SubsonicSongFilters = () => {
     );
 
     return (
-        <Stack px="xl" py="md">
+        <Stack px="md" py="md">
             {toggleFilters.map((filter) => (
                 <Group justify="space-between" key={`ss-filter-${filter.label}`}>
                     <Text>{filter.label}</Text>