From 1c48a706af7f6bdc0138b904e419af1c95a0009e Mon Sep 17 00:00:00 2001
From: Sean Edmunds <sean.edmunds@cottonteam.com>
Date: Wed, 18 Jun 2025 18:10:11 -0500
Subject: [PATCH] Style updates/fixes

---
 .../settings/components/Applications/Applications.tsx      | 2 +-
 src/pages/settings/components/Bookmarks/Bookmarks.tsx      | 4 ++--
 .../components/Bookmarks/DebouncedGroupSettingsItem.tsx    | 2 +-
 src/pages/settings/components/Messages/Messages.tsx        | 2 +-
 src/pages/settings/components/Search/SearchProviders.tsx   | 2 +-
 src/pages/settings/components/Theming/ThemePlaylists.tsx   | 7 ++++++-
 src/pages/settings/components/Theming/Themes.tsx           | 2 +-
 src/pages/settings/components/WoL/WolClients.tsx           | 2 +-
 8 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/pages/settings/components/Applications/Applications.tsx b/src/pages/settings/components/Applications/Applications.tsx
index 6b266e2..8b87467 100644
--- a/src/pages/settings/components/Applications/Applications.tsx
+++ b/src/pages/settings/components/Applications/Applications.tsx
@@ -275,7 +275,7 @@ const ApplicationSettings = () => {
 			/>
 			<DragDropContext onDragEnd={onDragEnd}>
 				<Stack
-					mt={isMobile ? '9rem' : '6rem'}
+					mt={isMobile ? '10rem' : '6rem'}
 					mb={isMobile ? '6rem' : '1rem'}
 					w={'100%'}
 					align='center'
diff --git a/src/pages/settings/components/Bookmarks/Bookmarks.tsx b/src/pages/settings/components/Bookmarks/Bookmarks.tsx
index 9563298..2dd4c47 100644
--- a/src/pages/settings/components/Bookmarks/Bookmarks.tsx
+++ b/src/pages/settings/components/Bookmarks/Bookmarks.tsx
@@ -210,7 +210,7 @@ const BookmarkSettings = () => {
 			{dragging ? (
 				<DragDropContext onDragEnd={onDragEnd}>
 					<Stack
-						mt={isMobile ? '9rem' : '6rem'}
+						mt={isMobile ? '10rem' : '6rem'}
 						mb={isMobile ? '6rem' : '1rem'}
 						w={'100%'}
 						align='center'
@@ -291,7 +291,7 @@ const BookmarkSettings = () => {
 				</DragDropContext>
 			) : (
 				<Stack
-					mt={isMobile ? '9rem' : '6rem'}
+					mt={isMobile ? '10rem' : '6rem'}
 					mb={isMobile ? '6rem' : '1rem'}
 					w={'100%'}
 					align='center'
diff --git a/src/pages/settings/components/Bookmarks/DebouncedGroupSettingsItem.tsx b/src/pages/settings/components/Bookmarks/DebouncedGroupSettingsItem.tsx
index 5538bdf..46182eb 100644
--- a/src/pages/settings/components/Bookmarks/DebouncedGroupSettingsItem.tsx
+++ b/src/pages/settings/components/Bookmarks/DebouncedGroupSettingsItem.tsx
@@ -205,7 +205,7 @@ function DebouncedGroupSettingsItem({
 							borderRadius: '100%',
 							backgroundColor: 'var(--mantine-color-accent-0)',
 							position: 'absolute',
-							top: isMobile ? 140 : 92,
+							top: isMobile ? 170 : 92,
 							right: 18,
 							zIndex: 10,
 							fontSize: '1.25rem',
diff --git a/src/pages/settings/components/Messages/Messages.tsx b/src/pages/settings/components/Messages/Messages.tsx
index b8cf444..e36c8f4 100644
--- a/src/pages/settings/components/Messages/Messages.tsx
+++ b/src/pages/settings/components/Messages/Messages.tsx
@@ -123,7 +123,7 @@ const MessageSettings = () => {
 				}
 			/>
 			<Stack
-				mt={isMobile ? '9rem' : '6rem'}
+				mt={isMobile ? '10rem' : '6rem'}
 				mb={isMobile ? '6rem' : '1rem'}
 				w={'100%'}
 				align='center'
diff --git a/src/pages/settings/components/Search/SearchProviders.tsx b/src/pages/settings/components/Search/SearchProviders.tsx
index c1c7bc0..9715a02 100644
--- a/src/pages/settings/components/Search/SearchProviders.tsx
+++ b/src/pages/settings/components/Search/SearchProviders.tsx
@@ -159,7 +159,7 @@ const SearchProviderSettings = () => {
 				setIsLoading={setIsLoading}
 			/>
 			<Stack
-				mt={isMobile ? '9rem' : '6rem'}
+				mt={isMobile ? '10rem' : '6rem'}
 				mb={isMobile ? '6rem' : '1rem'}
 				w={'100%'}
 				align='center'
diff --git a/src/pages/settings/components/Theming/ThemePlaylists.tsx b/src/pages/settings/components/Theming/ThemePlaylists.tsx
index b763539..908c811 100644
--- a/src/pages/settings/components/Theming/ThemePlaylists.tsx
+++ b/src/pages/settings/components/Theming/ThemePlaylists.tsx
@@ -99,7 +99,12 @@ function ThemePlaylists() {
 				/>
 				{allThemeData && (
 					<>
-						<Group mt={'6rem'} justify='center' align='center' pos={'relative'}>
+						<Group
+							mt={isMobile ? '10rem' : '6rem'}
+							justify='center'
+							align='center'
+							pos={'relative'}
+						>
 							<Text
 								p={0}
 								className={textClasses.settingsSubTitle}
diff --git a/src/pages/settings/components/Theming/Themes.tsx b/src/pages/settings/components/Theming/Themes.tsx
index 77803ad..9d045e7 100644
--- a/src/pages/settings/components/Theming/Themes.tsx
+++ b/src/pages/settings/components/Theming/Themes.tsx
@@ -147,7 +147,7 @@ function ThemesSettings() {
 				justify='center'
 				align='center'
 				pos={'relative'}
-				mt={isMobile ? '10rem' : '7rem'}
+				mt={isMobile ? '11.5rem' : '7rem'}
 				mb={isMobile ? '12rem' : '6.5rem'}
 			>
 				<Overlay
diff --git a/src/pages/settings/components/WoL/WolClients.tsx b/src/pages/settings/components/WoL/WolClients.tsx
index 9b8e9ec..aff3610 100644
--- a/src/pages/settings/components/WoL/WolClients.tsx
+++ b/src/pages/settings/components/WoL/WolClients.tsx
@@ -142,7 +142,7 @@ const WolClientSettings = () => {
 				setIsLoading={setIsLoading}
 			/>
 			<Stack
-				mt={isMobile ? '9rem' : '6rem'}
+				mt={isMobile ? '10rem' : '6rem'}
 				mb={isMobile ? '6rem' : '1rem'}
 				w={'100%'}
 				align='center'