Administration: Improve the Site Health tables layout for small screens.

Props immeet94, jankimoradiya, desrosj, shashank3105, chetan200891, Clorith, hedgefield.	
Fixes #46960.


git-svn-id: https://develop.svn.wordpress.org/trunk@45463 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrea Fercia 2019-05-29 18:21:45 +00:00
parent 663c2f6562
commit 79e2b83b8f

View File

@ -408,6 +408,23 @@
.health-check-accordion-trigger .badge {
margin: 1em 0 0;
}
.health-check-table {
table-layout: fixed;
}
.health-check-table td {
box-sizing: border-box;
display: block;
width: 100%;
word-wrap: break-word;
}
.health-check-table td:first-child {
width: 100%;
padding-bottom: 0;
font-weight: 600;
}
}
/* The breakpoint is usually at 960px, the additional space is to allow for the margin. */