[wp-trac] [WordPress Trac] #46650: Site Health: heading misaligned when Hello Dolly is active

[WordPress Trac]

#46650: Site Health: heading misaligned when Hello Dolly is active
-----------------------------------------+------------------------------
 Reporter:  afercia                      |       Owner:  (none)
     Type:  defect (bug)                 |      Status:  new
 Priority:  normal                       |   Milestone:  Awaiting Review
Component:  Administration               |     Version:  trunk
 Severity:  normal                       |  Resolution:
 Keywords:  has-screenshots site-health  |     Focuses:
-----------------------------------------+------------------------------

Comment (by xkon):

 Thanks for splitting the notices into a different ticket @afercia , to
 continue with this I've checked how Hello Dolly behaves on mobile as well
 and it goes into a `float: none;` placement that pushes the header down as
 seen in [attachment:"hello_dolly_mobile.jpg"] .

 One way here would be to simply add a `clear: both;` on `body.site-health
 .health-check-header` ( see [attachment:"header_clear_both.jpg"] ) to have
 a similar "view" on bigger screens as well. Even though it will again push
 the overall header lower it will be inline with both views.

 An alternative solution if we want to keep Hello Dolly "within" the white
 header might be to clear the `body.site-health .health-check-header
 .title-section` ( see [attachment:"title_clear_both.jpg"] ) instead ( but
 this would result in different views between mobile/bigger screens).

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