Style uniformity

src/pages/settings/components/Applications/DebouncedApplication.tsx

@@ -63,9 +63,9 @@ function DebouncedApplication({
 						<Text
 							style={{
 								fontWeight: 'bold',
-								fontSize: '20px',
-								padding: '8px',
-								margin: '8px',
+								fontSize: '1.25rem',
+								padding: '.5rem',
+								margin: '.5rem',
 								borderRadius: '10px',
 								backgroundColor: 'var(--mantine-color-accent-0)',
 								color: 'var(--mantine-color-background-0)',
@@ -83,8 +83,8 @@ function DebouncedApplication({
 			>
 				<ActionIcon
 					pos={'absolute'}
-					top={16}
-					right={16}
+					top={'1rem'}
+					right={'1rem'}
 					color='red'
 					onClick={() => {
 						setIsOpen(true);
@@ -106,7 +106,7 @@ function DebouncedApplication({
 					label={'Enabled'}
 					labelPosition='left'
 					pos={'absolute'}
-					left={16}
+					left={'1rem'}
 					defaultChecked={app.enabled === 1}
 					defaultValue={app.enabled}
 					onChange={(event) => {
@@ -121,7 +121,6 @@ function DebouncedApplication({
 				<TextInput
 					label={'Name'}
 					className={textInputClasses.settingsItem}
-					pt={16}
 					classNames={textInputClasses}
 					defaultValue={app.name}
 					onChange={(event) => {
@@ -134,7 +133,6 @@ function DebouncedApplication({
 				<TextInput
 					label={'Base URL'}
 					className={textInputClasses.settingsItem}
-					pt={16}
 					classNames={textInputClasses}
 					defaultValue={app.baseUrl}
 					onChange={(event) => {
@@ -150,7 +148,6 @@ function DebouncedApplication({
 					label={'URL'}
 					className={textInputClasses.settingsItem}
 					w={isMobile ? undefined : '100%'}
-					pt={16}
 					classNames={textInputClasses}
 					defaultValue={app.url}
 					onChange={(event) => {
@@ -176,7 +173,7 @@ function DebouncedApplication({
 						option: selectClasses.menuSelectOption,
 						dropdown: selectClasses.dropdown,
 					}}
-					mt={12}
+					mt={'.75rem'}
 					limit={100}
 					defaultSearchValue={app?.icon}
 					data={Object.keys(allIcons).map((icon) => {
@@ -209,7 +206,6 @@ function DebouncedApplication({
 				<TextInput
 					label={'Filter'}
 					className={textInputClasses.settingsItem}
-					pt={16}
 					classNames={textInputClasses}
 					defaultValue={app.filterName}
 					onChange={(event) => {