From f4851be6cbbdd81b7db37106b4fefce44fe80eef Mon Sep 17 00:00:00 2001
From: karthick-murugan <karthick.murugan02@gmail.com>
Date: Fri, 13 Dec 2024 17:47:24 +0530
Subject: [PATCH] Design changes

---
 packages/block-library/src/latest-posts/edit.js     | 9 ++++++++-
 packages/block-library/src/latest-posts/editor.scss | 8 ++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/packages/block-library/src/latest-posts/edit.js b/packages/block-library/src/latest-posts/edit.js
index e609bda9dc50f..e75cc7adb9576 100644
--- a/packages/block-library/src/latest-posts/edit.js
+++ b/packages/block-library/src/latest-posts/edit.js
@@ -252,6 +252,11 @@ export default function LatestPostsEdit( { attributes, setAttributes } ) {
 						onChange={ ( value ) =>
 							setAttributes( { displayPostContent: value } )
 						}
+						className={
+							displayPostContent
+								? 'latest-posts-toggle-control-margin-bottom'
+								: ''
+						}
 					/>
 					{ displayPostContent && (
 						<RadioControl
@@ -311,8 +316,8 @@ export default function LatestPostsEdit( { attributes, setAttributes } ) {
 						onChange={ ( value ) =>
 							setAttributes( { displayAuthor: value } )
 						}
+						className="latest-posts-toggle-control-margin-bottom"
 					/>
-					<div className="components-base-control__field"></div>
 					<ToggleControl
 						__nextHasNoMarginBottom
 						label={ __( 'Display post date' ) }
@@ -351,6 +356,7 @@ export default function LatestPostsEdit( { attributes, setAttributes } ) {
 						onChange={ ( value ) =>
 							setAttributes( { displayFeaturedImage: value } )
 						}
+						className="latest-posts-toggle-control-margin-bottom"
 					/>
 					{ displayFeaturedImage && (
 						<>
@@ -421,6 +427,7 @@ export default function LatestPostsEdit( { attributes, setAttributes } ) {
 										addLinkToFeaturedImage: value,
 									} )
 								}
+								className="latest-posts-toggle-control-margin-top"
 							/>
 						</>
 					) }
diff --git a/packages/block-library/src/latest-posts/editor.scss b/packages/block-library/src/latest-posts/editor.scss
index fe90148097446..26ef7bcd55b5f 100644
--- a/packages/block-library/src/latest-posts/editor.scss
+++ b/packages/block-library/src/latest-posts/editor.scss
@@ -18,3 +18,11 @@
 		padding-left: 0;
 	}
 }
+
+.latest-posts-toggle-control-margin-bottom {
+	margin-bottom: 15px !important;
+}
+
+.latest-posts-toggle-control-margin-top {
+	margin-top: 15px !important;
+}