Fix padding regression. (#34435)

WordPress · Sep 1, 2021 · da36e6a · da36e6a
1 parent 0114164
commit da36e6a
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 21 deletions.
diff --git a/packages/block-editor/src/components/media-replace-flow/style.scss b/packages/block-editor/src/components/media-replace-flow/style.scss
@@ -5,22 +5,16 @@
 	display: none;
 }
 
-// Forcing some space above the list of options in
-// the dropdown to visually balance them.
-.block-editor-media-replace-flow__options .components-popover__content > div {
-	padding-top: $grid-unit-20;
-}
-
 .block-editor-media-replace-flow__indicator {
 	margin-left: 4px;
 }
 
 .block-editor-media-flow__url-input {
 	border-top: $border-width solid $gray-900;
-	margin-top: $grid-unit-15;
-	margin-right: -$grid-unit-15;
-	margin-left: -$grid-unit-15;
-	padding: $grid-unit-15 $grid-unit-30 0;
+	margin-top: $grid-unit-10;
+	margin-right: -$grid-unit-10;
+	margin-left: -$grid-unit-10;
+	padding: $grid-unit-20;
 
 	.block-editor-media-replace-flow__image-url-label {
 		display: block;

diff --git a/packages/block-editor/src/components/tool-selector/style.scss b/packages/block-editor/src/components/tool-selector/style.scss
@@ -1,10 +1,10 @@
 .block-editor-tool-selector__help {
 	margin-top: $grid-unit-10;
-	margin-left: -$grid-unit-15;
-	margin-right: -$grid-unit-15;
-	margin-bottom: -$grid-unit-15;
-	padding: $grid-unit-15 ($grid-unit-15 + $grid-unit-10);
-	border-top: 1px solid $gray-300;
+	margin-left: -$grid-unit-10;
+	margin-right: -$grid-unit-10;
+	margin-bottom: -$grid-unit-10;
+	padding: $grid-unit-20;
+	border-top: $border-width solid $gray-300;
 	color: $gray-700;
 	min-width: 280px;
 }
diff --git a/packages/components/src/dropdown-menu/style.scss b/packages/components/src/dropdown-menu/style.scss
@@ -61,25 +61,25 @@
 	}
 
 	.components-menu-group {
-		padding: $grid-unit-15;
+		padding: $grid-unit-10;
 		margin-top: 0;
 		margin-bottom: 0;
-		margin-left: -$grid-unit-15;
-		margin-right: -$grid-unit-15;
+		margin-left: -$grid-unit-10;
+		margin-right: -$grid-unit-10;
 
 		&:first-child {
-			margin-top: -$grid-unit-15;
+			margin-top: -$grid-unit-10;
 		}
 
 		&:last-child {
-			margin-bottom: -$grid-unit-15;
+			margin-bottom: -$grid-unit-10;
 		}
 	}
 
 	.components-menu-group + .components-menu-group {
 		margin-top: 0;
 		border-top: $border-width solid $gray-400;
-		padding: $grid-unit-15;
+		padding: $grid-unit-10;
 
 		.is-alternate & {
 			border-color: $gray-900;