From 44c4a8852f8746c46183419c4c32dcc12eda77a2 Mon Sep 17 00:00:00 2001
From: Aki Hamano <tetsuaki.hamano@gmail.com>
Date: Sat, 12 Oct 2024 00:41:34 +0900
Subject: [PATCH] _Add __nextHasNoMarginBottom to components

---
 src/editor.scss       | 5 +----
 src/source-editor.tsx | 3 +++
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/editor.scss b/src/editor.scss
index 4568e04..b3a2fcc 100644
--- a/src/editor.scss
+++ b/src/editor.scss
@@ -3,10 +3,7 @@
 
 .enable-responsive-image {
 
-	.components-base-control,
-	.components-base-control:last-child,
-	.components-base-control__field,
-	.components-base-control__help {
+	.components-base-control {
 		margin-bottom: 0;
 	}
 
diff --git a/src/source-editor.tsx b/src/source-editor.tsx
index f314fd4..9876d89 100644
--- a/src/source-editor.tsx
+++ b/src/source-editor.tsx
@@ -236,6 +236,7 @@ export default function SourceEditor( {
 				<>
 					<div className="enable-responsive-image__url">{ filterURLForDisplay( srcset, 35 ) }</div>
 					<ToggleGroupControl
+						__nextHasNoMarginBottom
 						isBlock
 						label={ __( 'Media query type', 'enable-responsive-image' ) }
 						onChange={ onChangeMediaType }
@@ -247,6 +248,7 @@ export default function SourceEditor( {
 						) ) }
 					</ToggleGroupControl>
 					<RangeControl
+						__nextHasNoMarginBottom
 						label={ __( 'Media query value', 'enable-responsive-image' ) }
 						value={ mediaValue || DEFAULT_MEDIA_VALUE }
 						onChange={ onChangeMediaValue }
@@ -257,6 +259,7 @@ export default function SourceEditor( {
 						__next40pxDefaultSize
 					/>
 					<SelectControl
+						__nextHasNoMarginBottom
 						label={ __( 'Resolution', 'enable-responsive-image' ) }
 						value={ srcsetSlug }
 						options={ imageSizeOptions }