Allow inner block template options to wrap (#16371)

* Allow inner block template options to wrap on mobile. * Remove nowrap rule.
WordPress · Jul 1, 2019 · 496a02c · 496a02c
1 parent 08cda3f
commit 496a02c
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/packages/block-editor/src/components/inner-blocks/style.scss b/packages/block-editor/src/components/inner-blocks/style.scss
@@ -39,19 +39,23 @@
 
 .block-editor-inner-blocks__template-picker-options.block-editor-inner-blocks__template-picker-options {
 	display: flex;
+	justify-content: center;
 	flex-direction: row;
-	flex-wrap: nowrap;
+	flex-wrap: wrap;
 	width: 100%;
-	margin: $grid-size-large 0;
+	margin: $grid-size-small 0;
 	list-style: none;
 
 	> li {
 		list-style: none;
-		flex-basis: 100%;
+		margin: $grid-size;
 		flex-shrink: 1;
-		margin: 0 $grid-size;
 		max-width: 100px;
 	}
+
+	.block-editor-inner-blocks__template-picker-option {
+		padding: $grid-size;
+	}
 }
 
 .block-editor-inner-blocks__template-picker-option {