Use the correct padding for autocomplete block picker

CHANGELOG.txt

@@ -41,6 +41,7 @@ Changelog
  * Fix: Pass through expected expected `cc`, `bcc` and `reply_to` to the Django mail helper from `wagtail.admin.mail.send_mail` (Ben Gosney)
  * Fix: Allow reviewing or reverting to a Page's initial revision (Andy Chosak)
  * Fix: Allow both horizontal and vertical manual resizing of TextFields (Anisha Singh)
+ * Fix: Use the correct padding for autocomplete block picker (Umar Farouk Yunusa)
  * Docs: Add custom permissions section to permissions documentation page (Dan Hayden)
  * Docs: Add documentation for how to get started with contributing translations for the Wagtail admin (Ogunbanjo Oluwadamilare)
  * Docs: Officially recommend `fnm` over `nvm` in development documentation (LB (Ben) Johnston)
@@ -81,6 +82,7 @@ Changelog
  * Fix: Allow button labels to wrap onto two lines in dropdown buttons (Coen van der Kamp)
  * Fix: Move DateField, DateTimeField, TimeField comment buttons to be right next to the fields (Theresa Okoro)
  * Fix: Support text resizing in workflow steps cards (Ivy Jeptoo)
+ * Fix: Use the correct padding for autocomplete block picker (Umar Farouk Yunusa)
 
 
 4.1.1 (11.11.2022)

client/src/components/Draftail/Draftail.scss

@@ -191,7 +191,7 @@ $draftail-editor-font-family: $font-sans;
 }
 
 .Draftail-ComboBox__menu {
-  padding: 0 theme('spacing.4');
+  padding: theme('spacing.4');
 }
 
 .Draftail-ComboBox__optgroup-label {
@@ -206,10 +206,15 @@ $draftail-editor-font-family: $font-sans;
   border-width: 1px;
 }
 
+.Draftail-ComboBox__status {
+  padding-inline-start: theme('spacing.3');
+}
+
 .Draftail-ComboBox__option[aria-selected='true'] {
   color: theme('colors.secondary.DEFAULT');
   border-radius: theme('borderRadius.sm');
   background: transparent;
+  cursor: pointer;
 }
 
 .Draftail-ComboBox__option-icon {

docs/releases/4.1.2.md

@@ -17,5 +17,10 @@ depth: 1
  * Prevent crash when reverting revisions on a snippet with `PreviewableMixin` applied (Sage Abdullah)
  * Use consistent heading styles on top-level fields in the page editor (Sage Abdullah)
  * Allow button labels to wrap onto two lines in dropdown buttons (Coen van der Kamp)
+<<<<<<< HEAD
+ * Use the correct padding for autocomplete block picker (Umar Farouk Yunusa)
+||||||| 9c96daa28b
+=======
  * Move DateField, DateTimeField, TimeField comment buttons to be right next to the fields (Theresa Okoro)
  * Support text resizing in workflow steps cards (Ivy Jeptoo)
+>>>>>>> main

docs/releases/4.2.md

@@ -53,6 +53,7 @@ depth: 1
  * Pass through expected expected `cc`, `bcc` and `reply_to` to the Django mail helper from `wagtail.admin.mail.send_mail` (Ben Gosney)
  * Allow reviewing or reverting to a Page's initial revision (Andy Chosak)
  * Allow both horizontal and vertical manual resizing of TextFields (Anisha Singh)
+ * Use the correct padding for autocomplete block picker (Umar Farouk Yunusa)
 
 ### Documentation