From 87b24ab8fe9568b5649b593b67e5695a53dfaca5 Mon Sep 17 00:00:00 2001
From: ramon <ramonjd@gmail.com>
Date: Wed, 27 Nov 2024 09:42:05 +1100
Subject: [PATCH] Tweaking widths. Ensure expansion on mobile

---
 .../block-library/src/query/edit/query-toolbar.js   |  2 ++
 packages/block-library/src/query/editor.scss        | 13 +++++++++++++
 2 files changed, 15 insertions(+)

diff --git a/packages/block-library/src/query/edit/query-toolbar.js b/packages/block-library/src/query/edit/query-toolbar.js
index 1e48a968e2bcd6..25e087ebe1559c 100644
--- a/packages/block-library/src/query/edit/query-toolbar.js
+++ b/packages/block-library/src/query/edit/query-toolbar.js
@@ -26,6 +26,7 @@ export default function QueryToolbar( { clientId, attributes } ) {
 				<Dropdown
 					contentClassName="block-editor-block-settings-menu__popover"
 					focusOnMount="firstElement"
+					expandOnMobile
 					renderToggle={ ( { isOpen, onToggle } ) => (
 						<ToolbarButton
 							aria-haspopup="true"
@@ -40,6 +41,7 @@ export default function QueryToolbar( { clientId, attributes } ) {
 							clientId={ clientId }
 							attributes={ attributes }
 							showSearch={ false }
+							showTitlesAsTooltip
 						/>
 					) }
 				/>
diff --git a/packages/block-library/src/query/editor.scss b/packages/block-library/src/query/editor.scss
index 57191afe7d5891..bd56cc948d24d0 100644
--- a/packages/block-library/src/query/editor.scss
+++ b/packages/block-library/src/query/editor.scss
@@ -63,4 +63,17 @@
 
 .block-editor-block-settings-menu__popover {
 	min-width: 500px;
+	.block-editor-block-patterns-list {
+		display: grid;
+		grid-template-columns: 1fr 1fr;
+		grid-gap: $grid-unit-15;
+		overflow: hidden;
+	}
+	.block-editor-block-patterns-list__list-item {
+		margin-bottom: 0;
+		min-width: 200px;
+		.block-editor-block-preview__container {
+			max-height: 250px;
+		}
+	}
 }