Bug: Column header text is not vertically centered in Details layout

[arklnd]

Description

In the Details layout view (e.g., DetailsLayoutPage.xaml), the text in column headers (e.g., "Name", "Date Modified") appears vertically offset toward the bottom edge, rather than being centered within the 40-pixel header height. This is caused by asymmetric padding in the DataGridHeader control (Padding="12,12,12,0"), which provides 12 pixels of top padding but 0 pixels of bottom padding, biasing the content downward. The inner TextBlock is centered within the button's content area, but the uneven padding makes it look misaligned.

Steps To Reproduce

1. Open the Files app and navigate to a folder.
2. Switch to the Details layout view (if not already selected).
3. Observe the column headers in the list view (e.g., "Name", "Date Modified").
4. Note that the header text appears closer to the bottom of the header bar than the top, not centered vertically.
5. (Optional) Inspect the [DataGridHeader.xaml] file to confirm the Padding="12,12,12,0" on the Button element.

Files Version

4.0.11

Windows Version

22631.6060

User ID

No response

Log File

[mdtauk]

The header text is supposed to be bottom aligned, and not centred within the header.

[arklnd]

The header text is supposed to be bottom aligned, and not centred within the header.

Any good reason for such a decision?

[mdtauk]

The header text is supposed to be bottom aligned, and not centred within the header.

Any good reason for such a decision?

The header design is due to be updated soon as new features are implemented.

The plan is for the header size to match the row size as the item size changes, but its not currently implemented, and keeping the text lower in the header, helps to reduce any disconnect that may occur when large.

Also there is an optical alteration required as you have mixed case text, where descenders and ascenders change what the optical centre would be, compared to a mathematical accurate centre.