Style updates/fixes

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'

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'

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',

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'

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'

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}

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

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'