UI adjustments for comments and posts timestamp inputs . Make the input text look centralized.

[birgire]

The timestamp inputs on the post- and comment edit screens are not text centralized, like they are in the quick-edit forms for posts.

It looks like this can fixed by e.g. adjusting the margins/widths/paddings. The quick-edit forms are not using text-align as center though.

These fields are:

• #aa (year),
• #mm (month),
• #jj (day),
• #hh (hour)
• #mm (minutes)

under #timestampdiv.

[jainnidhi]

I've fixed the alignment in this patch.

[pento]

Needs design review.

[melchoyce]

Talked about this in ​#design and we're a +1 for making it consistent.

Has this been tested on a couple browsers? I know input styling can get a little weird.

[birgire]

Thanks for the review @melchoyce

For comparison I checked how it's in the block editor, for WordPress 5.1.1:

• The screenshot is in block-editor-has-text-aligned-date-time-input-in-version-5-1-1.jpg​.
• There the number fields, that represent date-time, use text-align: center; to align the numbers.
• Same for rtl, as seen in screenshot block-editor-has-text-aligned-date-time-input-in-version-5-1-1-rtl.jpg​.

I had a look at it in Microsoft Edge, for WordPress 5.1.1, where the quick-edit date-time number inputs also look center-aligned but not on the post- and comment edit's screens:

• quick-edit-post-version-5-1-1-in-edge-browser.jpg​
• classical-editor-edit-post-version-5-1-1-in-edge-browser.jpg​
• edit-comment-version-5-1-1-in-edge-browser.jpg​

Having a consistent alignment on the date-time input fields would be great.

[desrosj]

@melchoyce what are your thoughts on this being ready for 5.2 beta 1 in a bit over a day?

[melchoyce]

Looks good to me!

[desrosj]

In 44945:

Administration: Ensure consistent alignment for time and date fields across edit screens.

This change ensures that the values of time and date fields for comments and posts (both Classic Editor and quick edit) are consistently aligned in the center of the input fields. The block editor already enforces this alignment separately.

Props birgire, jainnidhi, melchoyce.
Fixes #43675.