[wp-trac] [WordPress Trac] #46881: Site Health: improve the header elements horizontal centering

[WordPress Trac]

#46881: Site Health: improve the header elements horizontal centering
-------------------------------------------------+-------------------------
 Reporter:  afercia                              |       Owner:  (none)
     Type:  enhancement                          |      Status:  new
 Priority:  normal                               |   Milestone:  Awaiting
                                                 |  Review
Component:  Administration                       |     Version:  trunk
 Severity:  normal                               |  Resolution:
 Keywords:  has-screenshots site-health needs-   |     Focuses:
  design-feedback                                |
-------------------------------------------------+-------------------------
Description changed by afercia:

Old description:

> In the Site Health pages, the elements in the header aren't horizontally
> centered.
>
> Not a blocker but visually it's slightly disturbing because the alignment
> looks "off".
>
> I guess it's because of a mix of design choice and implementation details
> e.g.:
> - the "score counter" on the right of the main title makes the title not
> centered
> - the nav menus can't be centered because of the CSS implementation
>
> Also, while this is visible in the default language (English), it's even
> more evident with languages that use strings with a different length. See
> the attached screenshots, where the vertical red line is placed exactly
> in the middle of the content area.

New description:

 In the Site Health pages, the elements in the header aren't horizontally
 centered.

 Not a blocker but visually it's slightly disturbing because the alignment
 looks "off".

 I guess it's because of a mix of design choice and implementation details
 e.g.:
 - the "score counter" on the right of the main title makes the title not
 centered
 - the nav menu items can't be centered because of the CSS implementation

 Also, while this is visible in the default language (English), it's even
 more evident with languages that use strings with a different length. See
 the attached screenshots, where the vertical red line is placed exactly in
 the middle of the content area.

--

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/46881#comment:3>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform