Update wording for the overwrite global transformations toggle and give a bit of space

Marco Pereirinha · Marco Pereirinha · commit 196e6542899b · 2024-10-28T16:10:31.000Z
diff --git a/src/css/components/_ui.scss b/src/css/components/_ui.scss
@@ -38,3 +38,7 @@
 	margin: 0 0 6px;
 	font-weight: 700;
 }
+
+.cloudinary-overwrite-transformations {
+	padding: 6px 0;
+}
diff --git a/src/js/components/featured-image.js b/src/js/components/featured-image.js
@@ -12,9 +12,13 @@ let FeaturedTransformationsToggle = ( props ) => {
 		<>
 			{ props.modalClass && (
 				<ToggleControl
-					label={ __( 'Overwrite Transformations', 'cloudinary' ) }
+					label={ __(
+						'Cloudinary overwrite Global Transformations',
+						'cloudinary'
+					) }
 					checked={ props.overwrite_featured_transformations }
 					onChange={ ( value ) => props.setOverwrite( value ) }
+					className="cloudinary-overwrite-transformations"
 				/>
 			) }
 		</>

Original file line number	Diff line number	Diff line change
`@@ -38,3 +38,7 @@`
`38`	`38`	`margin: 0 0 6px;`
`39`	`39`	`font-weight: 700;`
`40`	`40`	`}`
	`41`	`+`
	`42`	`+.cloudinary-overwrite-transformations {`
	`43`	`+ padding: 6px 0;`
	`44`	`+}`