Style uniformity

src/pages/settings/components/WoL/DebouncedWolClient.tsx

@@ -55,9 +55,9 @@ function DebouncedWolClient({
 						<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)',
@@ -75,7 +75,7 @@ function DebouncedWolClient({
 			>
 				<ActionIcon
 					pos={'absolute'}
-					right={16}
+					right={'1rem'}
 					color='red'
 					onClick={() => {
 						openModal();
@@ -88,7 +88,6 @@ function DebouncedWolClient({
 				<TextInput
 					label={'Hostname'}
 					className={textInputClasses.settingsItem}
-					pt={16}
 					classNames={textInputClasses}
 					defaultValue={client.hostname}
 					onChange={(event) => {
@@ -101,7 +100,6 @@ function DebouncedWolClient({
 				<TextInput
 					label={'MAC Address'}
 					className={textInputClasses.settingsItem}
-					pt={16}
 					classNames={textInputClasses}
 					defaultValue={client.macAddress}
 					onChange={(event) => {

src/pages/settings/components/WoL/WolClientSettingsItem.tsx

@@ -13,8 +13,8 @@ function WolClientSettingsItem({ client }: { client: WolClient }) {
 		>
 			<Stack align='center' gap={0}>
 				<FaLaptop fontSize={100} />
-				<Text fz={24}>{client.hostname}</Text>
-				<Text fz={20}>{client.macAddress}</Text>
+				<Text fz={'1.5rem'}>{client.hostname}</Text>
+				<Text fz={'1.25rem'}>{client.macAddress}</Text>
 			</Stack>
 		</Card>
 	);

src/pages/settings/components/WoL/WolClients.tsx

@@ -69,7 +69,6 @@ const WolClientSettings = () => {
 							<TextInput
 								label={'Hostname'}
 								className={textInputClasses.settingsItem}
-								pt={16}
 								classNames={textInputClasses}
 								defaultValue={newWolClient.hostname}
 								onChange={(event) => {
@@ -82,7 +81,6 @@ const WolClientSettings = () => {
 							<TextInput
 								label={'MAC Address'}
 								className={textInputClasses.settingsItem}
-								pt={16}
 								classNames={textInputClasses}
 								defaultValue={newWolClient.macAddress}
 								onChange={(event) => {