feat(Panels reset modal): improve design

blockeraai · Oct 27, 2024 · 290a83e · 290a83e
1 parent 0439c8f
commit 290a83e
Showing 1 changed file with 20 additions and 9 deletions.
diff --git a/packages/wordpress/js/admin/components/update/index.js b/packages/wordpress/js/admin/components/update/index.js
@@ -181,22 +181,29 @@ export const Update = ({
 			{resetModalOpen && (
 				<Modal
 					className="blockera-settings-reset-modal"
-					title={__('Reset Settings', 'blockera')}
+					headerTitle={__('Reset Settings', 'blockera')}
+					size="small"
 					onRequestClose={() => setResetModalOpen(false)}
 				>
 					<p>
 						{__(
 							'Resetting will restore all configured settings on the current tab to their default values.',
 							'blockera'
 						)}
-						<strong>
-							{__(
-								'To restore all plugin settings, choose Reset All.',
-								'blockera'
-							)}
-						</strong>
 					</p>
-					<Flex direction={'row'} justifyContent={'space-between'}>
+
+					<p>
+						{__(
+							'To restore all plugin settings, choose Reset All.',
+							'blockera'
+						)}
+					</p>
+
+					<Flex
+						direction={'row'}
+						justifyContent={'space-between'}
+						style={{ marginTop: '40px' }}
+					>
 						<Flex
 							direction={'row'}
 							justifyContent={'space-between'}
@@ -233,8 +240,12 @@ export const Update = ({
 							</Button>
 						</Flex>
 					</Flex>
+
 					{'error' === status.name && (
-						<div className="message update-failed">
+						<div
+							className="message update-failed"
+							style={{ marginTop: '40px' }}
+						>
 							{status.label}
 						</div>
 					)}