Too much spacing for comment button on DateFields

Issue Summary

The comment button is directly behind the input field in all input fields. But for DateFields there is a large space between the input field and the comment button.

Peek 2022-10-29 15-29.webm

Steps to Reproduce

1. Start a new project with wagtail start myproject
2. Create a page model with an DateField

   class BlogPage(Page):
       date = models.DateField("Post date")
   

3. Migrate and start the server
4. Open den Wagtail admin interface
5. Enable the comment mode

• I have confirmed that this issue can be reproduced as described on a fresh Wagtail project: yes

Technical details

• Python version: 3.10.8
• Django version: 4.1.1
• Wagtail version: 4.0.4
• Browser version: Firefox 106 and Chrome 107

[lb-]

Thanks @vorlif ‘needs design decision’ is more about ‘needs further discussion at the core team’, not necessarily just UX design.

But yes, I agree it feels a bit odd but I also see the other perspective of a consistent ‘position’ for these buttons, almost like an invisible sidebar.

Much of this has changed though with the larger changes to the page editor so it may be worth revisiting this approach nonetheless.

[lb-]

Comment in UI team channel - https://wagtailcms.slack.com/archives/C0P6APKH9/p1667335617799779