[wp-trac] [WordPress Trac] #47063: Text not vertically centered on site-health.php

[WordPress Trac]

#47063: Text not vertically centered on site-health.php
-------------------------------------------------+-------------------------
 Reporter:  Presskopp                            |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  new
 Priority:  normal                               |   Milestone:  5.2.1
Component:  Administration                       |     Version:  5.2
 Severity:  normal                               |  Resolution:
 Keywords:  has-screenshots has-patch site-      |     Focuses:  ui
  health has-design-feedback                     |
-------------------------------------------------+-------------------------

Comment (by afercia):

 @kjellr [attachment:"47063.4.diff"] works nicely on modern browsers. I
 seemed to recall a problem in IE 11 with absolutely positioned flex items
 and in fact IE 11 still takes them into calculation for `justify-content:
 space-between;`. See screenshot below. Setting `flex-grow: 1` on the first
 span should fix it.

 Maybe also check if some properties are still needed, for example:
 - `display: inline-block;` on the first item? this is now a flex item
 - `float: right` (and left) on the second item?

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