diff --git a/src/components/molecules/ScheduleSettings.tsx b/src/components/molecules/ScheduleSettings.tsx index 449e8f3b..a8c5004c 100644 --- a/src/components/molecules/ScheduleSettings.tsx +++ b/src/components/molecules/ScheduleSettings.tsx @@ -32,6 +32,21 @@ export const ScheduleSettingsModal = ({ isOpen, handleStart, handleClose }: Sche setSettings(prev => ({ ...prev, [field]: value })); }; + // Styling to ensure uniformity of elements + const commonStyle = { + width: '150px', + height: '50px', + marginRight: '10px', + }; + + const commonDStyle = { + marginTop: '2px', + width: '150px', + height: '59px', + marginRight: '10px', + }; + + return ( handleChange('runEvery', parseInt(e.target.value))} - sx={{ width: '60px', marginRight: '10px' }} + sx={commonStyle} /> handleChange('runEveryUnit', e.target.value)} + sx={commonDStyle} > minutes hours @@ -76,6 +92,7 @@ export const ScheduleSettingsModal = ({ isOpen, handleStart, handleClose }: Sche id="startFrom" value={settings.startFrom} handleSelect={(e) => handleChange('startFrom', e.target.value)} + sx={commonDStyle} > Monday Tuesday @@ -94,6 +111,7 @@ export const ScheduleSettingsModal = ({ isOpen, handleStart, handleClose }: Sche type="time" value={settings.atTime} onChange={(e) => handleChange('atTime', e.target.value)} + sx={commonStyle} /> @@ -103,6 +121,7 @@ export const ScheduleSettingsModal = ({ isOpen, handleStart, handleClose }: Sche id="timezone" value={settings.timezone} handleSelect={(e) => handleChange('timezone', e.target.value)} + sx={commonDStyle} > UTC America/New_York @@ -113,7 +132,13 @@ export const ScheduleSettingsModal = ({ isOpen, handleStart, handleClose }: Sche - + );