Make Preview fill available space.

WordPress · Aug 21, 2019 · cd560d9 · cd560d9
1 parent f77e18a
commit cd560d9
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/packages/block-editor/src/components/inserter/style.scss b/packages/block-editor/src/components/inserter/style.scss
@@ -154,15 +154,21 @@ $block-inserter-search-height: 38px;
 	overflow-y: auto;
 
 	@include break-medium {
-		display: block;
+		display: flex;
+		flex-direction: column;
 	}
 
 	.block-editor-block-card {
 		padding-bottom: 20px;
-		margin-bottom: 10px;
+		margin-bottom: 20px;
 		border-bottom: $border-width solid $light-gray-500;
 		@include edit-post__fade-in-animation();
 	}
+
+	.block-editor-inserter__preview {
+		display: flex;
+		flex-grow: 2;
+	}
 }
 
 .block-editor-inserter__menu-help-panel-no-block {
@@ -210,4 +216,5 @@ $block-inserter-search-height: 38px;
 	min-height: 150px;
 	padding: 10px;
 	display: grid;
+	flex-grow: 2;
 }