From 996bb6288866330f5272b58a61c57910ea15a3a5 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Tue, 1 Oct 2024 23:19:06 +0200
Subject: [PATCH] Adjust ThemePreview selected/custom styling slightly

Align icons with horizontal top bar
---
 .../settings/appearance/theme/ThemePreview.tsx        | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/screens/settings/appearance/theme/ThemePreview.tsx b/src/screens/settings/appearance/theme/ThemePreview.tsx
index 64c5625f..efea6083 100644
--- a/src/screens/settings/appearance/theme/ThemePreview.tsx
+++ b/src/screens/settings/appearance/theme/ThemePreview.tsx
@@ -103,7 +103,7 @@ export const ThemePreview = ({ theme, onDelete }: { theme: AppTheme; onDelete: (
                                             maxHeight: '20px',
                                             flexDirection: 'row',
                                             justifyContent: 'space-between',
-                                            alignItems: 'center',
+                                            alignItems: 'flex-start',
                                         }}
                                     >
                                         <Box
@@ -114,7 +114,13 @@ export const ThemePreview = ({ theme, onDelete }: { theme: AppTheme; onDelete: (
                                                 borderRadius: 1,
                                             }}
                                         />
-                                        <Stack sx={{ height: '100%', alignItems: 'center', gap: 1 }}>
+                                        <Stack
+                                            sx={{
+                                                alignItems: 'center',
+                                                gap: 1,
+                                                mt: -0.25,
+                                            }}
+                                        >
                                             {isSelected && (
                                                 <CheckCircleIcon
                                                     sx={{
@@ -132,6 +138,7 @@ export const ThemePreview = ({ theme, onDelete }: { theme: AppTheme; onDelete: (
                                                     }}
                                                     component="div"
                                                     size="small"
+                                                    sx={{ mt: -0.5 }}
                                                 >
                                                     <Tooltip title={t('global.button.delete')}>
                                                         <DeleteIcon />