Style uniformity

src/pages/settings/components/Bookmarks/DebouncedGroupSettingsItem.tsx

@@ -109,9 +109,9 @@ function DebouncedGroupSettingsItem({
 						<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)',
@@ -125,7 +125,7 @@ function DebouncedGroupSettingsItem({
 				}
 			/>
 			<Card.Section
-				p={16}
+				p={'1rem'}
 				bg={'var(--mantine-color-search-0)'}
 				c={'var(--mantine-color-background-0)'}
 			>
@@ -174,7 +174,7 @@ function DebouncedGroupSettingsItem({
 							label={'Delete'}
 						>
 							<ActionIcon
-								mt={24}
+								mt={'1.5rem'}
 								size={'lg'}
 								color='red'
 								onClick={() => {
@@ -196,7 +196,7 @@ function DebouncedGroupSettingsItem({
 							top: isMobile ? 140 : 78,
 							right: 18,
 							zIndex: 10,
-							fontSize: 20,
+							fontSize: '1.25rem',
 							textAlign: 'center',
 							textJustify: 'auto',
 						}}
@@ -205,7 +205,7 @@ function DebouncedGroupSettingsItem({
 					</Text>
 				</Stack>
 			</Card.Section>
-			<Card.Section mt={16} p={16}>
+			<Card.Section mt={'1rem'} p={'1rem'}>
 				<Stack>
 					<DragDropContext onDragEnd={onDragEnd}>
 						<Droppable droppableId={`${bookmarkGroup.id}`}>
@@ -274,7 +274,7 @@ function DebouncedGroupSettingsItem({
 				</Stack>
 			</Card.Section>
 			<Card.Section
-				p={8}
+				p={'.5rem'}
 				bg={'var(--mantine-color-search-0)'}
 				c={'var(--mantine-color-background-0)'}
 			>
@@ -317,7 +317,7 @@ function DebouncedGroupSettingsItem({
 												},
 											}}
 											className={textInputClasses.settingsItem}
-											pt={16}
+											pt={'1rem'}
 											classNames={textInputClasses}
 											onChange={(event) => {
 												setNewBookmark({
@@ -334,7 +334,7 @@ function DebouncedGroupSettingsItem({
 												},
 											}}
 											className={textInputClasses.settingsItem}
-											pt={16}
+											pt={'1rem'}
 											classNames={textInputClasses}
 											disabled
 											defaultValue={group.categoryName}
@@ -356,7 +356,7 @@ function DebouncedGroupSettingsItem({
 											}}
 											className={textInputClasses.settingsItem}
 											w={'100%'}
-											pt={16}
+											pt={'1rem'}
 											classNames={textInputClasses}
 											onChange={(event) => {
 												setNewBookmark({