Pattern Inserter: Fix pagination layout when "Show button text labels…

…" enabled (#63466)

Co-authored-by: t-hamano <wildworks@git.wordpress.org>
Co-authored-by: amitraj2203 <amitraj2203@git.wordpress.org>

packages/block-editor/src/components/block-patterns-paging/style.scss

@@ -24,11 +24,6 @@
 
 .show-icon-labels {
 	.block-editor-patterns__grid-pagination {
-		flex-direction: column;
-		.block-editor-patterns__grid-pagination-previous,
-		.block-editor-patterns__grid-pagination-next {
-			flex-direction: column;
-		}
 		.components-button {
 			width: auto;
 			// Hide the button icons when labels are set to display...
@@ -42,22 +37,4 @@
 			}
 		}
 	}
-
-	@media screen and (min-width: $break-large) {
-		.block-editor-patterns__grid-pagination {
-			flex-direction: row;
-			.block-editor-patterns__grid-pagination-previous,
-			.block-editor-patterns__grid-pagination-next {
-				flex-direction: row;
-			}
-		}
-	}
-}
-
-.block-editor-block-patterns-list .block-editor-patterns__grid-pagination {
-	flex-direction: column;
-	.block-editor-patterns__grid-pagination-previous,
-	.block-editor-patterns__grid-pagination-next {
-		flex-direction: column;
-	}
 }

packages/block-editor/src/components/inserter/style.scss

@@ -698,3 +698,23 @@ $block-inserter-tabs-height: 44px;
 		}
 	}
 }
+
+.show-icon-labels {
+	@media (max-width: #{ ($break-large - 1) }) {
+		.block-editor-block-patterns-explorer .block-editor-patterns__grid-pagination {
+			flex-direction: column;
+			.block-editor-patterns__grid-pagination-previous,
+			.block-editor-patterns__grid-pagination-next {
+				flex-direction: column;
+			}
+		}
+	}
+
+	.block-editor-inserter__category-panel .block-editor-patterns__grid-pagination {
+		flex-direction: column;
+		.block-editor-patterns__grid-pagination-previous,
+		.block-editor-patterns__grid-pagination-next {
+			flex-direction: column;
+		}
+	}
+}