From b9d6ec1f3a652c9b50f63a9e8f46eab15b36af89 Mon Sep 17 00:00:00 2001
From: Sean Edmunds <sean.edmunds@cottonteam.com>
Date: Fri, 4 Apr 2025 10:34:50 -0500
Subject: [PATCH] Style fixes

---
 src/pages/settings/Settings.tsx                             | 2 +-
 src/pages/settings/components/Applications/Applications.tsx | 4 ++--
 src/pages/settings/components/Shared/SettingsHeader.tsx     | 5 ++---
 src/pages/settings/components/Theming/Themes.tsx            | 2 +-
 src/styles/ActionIcon.module.css                            | 1 -
 src/styles/Tabs.module.css                                  | 4 ++++
 src/styles/Text.module.css                                  | 6 +++---
 7 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/pages/settings/Settings.tsx b/src/pages/settings/Settings.tsx
index 9c205a1..de0d709 100644
--- a/src/pages/settings/Settings.tsx
+++ b/src/pages/settings/Settings.tsx
@@ -27,7 +27,7 @@ export function Settings() {
 	const { tabValue } = useParams();
 	return (
 		<Stack h={'100%'} gap={0}>
-			<Group gap={0} pb={'1rem'} pl={'2rem'}>
+			<Group pos={'relative'} gap={0} pb={'1rem'}>
 				<ActionIcon
 					className={actionIconClasses.backButton}
 					classNames={actionIconClasses}
diff --git a/src/pages/settings/components/Applications/Applications.tsx b/src/pages/settings/components/Applications/Applications.tsx
index 271c251..32740f3 100644
--- a/src/pages/settings/components/Applications/Applications.tsx
+++ b/src/pages/settings/components/Applications/Applications.tsx
@@ -140,12 +140,12 @@ const ApplicationSettings = () => {
 								}}
 							/>
 						</Group>
-						<Group w={isMobile ? undefined : '60%'} justify='center'>
+						<Group w={isMobile ? undefined : '64%'} justify='center'>
 							<TextInput
 								label={'URL'}
 								className={textInputClasses.settingsItem}
 								pt={16}
-								w={isMobile ? undefined : '91%'}
+								w={isMobile ? undefined : '99%'}
 								classNames={textInputClasses}
 								defaultValue={newApplication.url}
 								onChange={(event) => {
diff --git a/src/pages/settings/components/Shared/SettingsHeader.tsx b/src/pages/settings/components/Shared/SettingsHeader.tsx
index 8f158d4..c37fb10 100644
--- a/src/pages/settings/components/Shared/SettingsHeader.tsx
+++ b/src/pages/settings/components/Shared/SettingsHeader.tsx
@@ -32,7 +32,7 @@ function SettingsHeader({
 			mt={0}
 			justify='center'
 			pos={'absolute'}
-			style={{ backdropFilter: 'blur(10px) brightness(.5)', zIndex: 99 }}
+			style={{ backdropFilter: 'blur(10px) brightness(.75)', zIndex: 250 }}
 		>
 			<Group w={isMobile ? undefined : '100%'}>
 				<Text
@@ -67,8 +67,7 @@ function SettingsHeader({
 								className={textClasses.settingsTooltip}
 								classNames={textClasses}
 								highlightStyles={{
-									backgroundImage:
-										'linear-gradient(45deg, var(--color-text-acc), var(--color-text-pri))',
+									backgroundImage: `linear-gradient(45deg, ${theme.accentColor}, ${theme.primaryColor})`,
 									fontWeight: 700,
 									WebkitBackgroundClip: 'text',
 									WebkitTextFillColor: 'transparent',
diff --git a/src/pages/settings/components/Theming/Themes.tsx b/src/pages/settings/components/Theming/Themes.tsx
index 4bd259e..eaebf68 100644
--- a/src/pages/settings/components/Theming/Themes.tsx
+++ b/src/pages/settings/components/Theming/Themes.tsx
@@ -107,7 +107,7 @@ function ThemesSettings() {
 				}}
 				color={theme.primaryColor}
 				style={{
-					zIndex: 100,
+					zIndex: 250,
 				}}
 			/>
 			<Group
diff --git a/src/styles/ActionIcon.module.css b/src/styles/ActionIcon.module.css
index 4809a1a..060ee7b 100644
--- a/src/styles/ActionIcon.module.css
+++ b/src/styles/ActionIcon.module.css
@@ -4,7 +4,6 @@
 		color: var(--color-text-pri) !important;
 		width: 2rem;
 		height: 2rem;
-		margin-right: 1rem;
 		margin-top: 1.5rem;
 		.icon {
 			font-size: 24px;
diff --git a/src/styles/Tabs.module.css b/src/styles/Tabs.module.css
index cc89b30..00bb486 100644
--- a/src/styles/Tabs.module.css
+++ b/src/styles/Tabs.module.css
@@ -4,6 +4,10 @@
 			padding-left: 0 !important;
 			height: 100%;
 		}
+		.list {
+			padding-left: 0 !important;
+			padding-top: 1rem !important;
+		}
 	}
 	.panel {
 		border-top: solid 2px var(--color-text-acc);
diff --git a/src/styles/Text.module.css b/src/styles/Text.module.css
index 97a0db1..d4aa8b4 100644
--- a/src/styles/Text.module.css
+++ b/src/styles/Text.module.css
@@ -101,9 +101,9 @@
 		margin-top: 1.5rem;
 		color: var(--color-text-acc);
 		background-color: var(--color-search-background);
-		border-radius: 12px;
-		padding-left: 12px;
-		padding-right: 12px;
+		border-radius: 8px;
+		padding-left: 8px;
+		padding-right: 8px;
 	}
 }