Fix overlapping controls in the Inline Image formatting toolbar (#18090)

* Fix overlapping controls in the Inline Image formatting toolbar * Inline mage formatting: make Apply button same height as Width input * Polish.
WordPress · Oct 28, 2019 · dda7d96 · dda7d96
1 parent 936ec69
commit dda7d96
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/packages/format-library/src/image/style.scss b/packages/format-library/src/image/style.scss
@@ -2,8 +2,11 @@
 	display: flex;
 
 	.components-icon-button {
-		height: $icon-button-size + $grid-size + $grid-size;
 		align-self: flex-end;
+		height: $grid-size * 4 - ($border-width * 2);
+		margin-bottom: $grid-size;
+		margin-right: $grid-size;
+		padding: 0 6px;
 	}
 }
 
@@ -15,7 +18,13 @@
 	min-width: 150px;
 	max-width: 500px;
 
-	&.components-base-control .components-base-control__field {
-		margin-bottom: 0;
+	&.components-base-control {
+		.components-base-control__field {
+			margin-bottom: 0;
+		}
+
+		.components-base-control__label {
+			display: block;
+		}
 	}
 }