Site Health: Adjust margins for the Site Health dashboard widget.

This aligns the spacing within the widget with other core widgets, and removes an unintended margin which was pushing the indicator slightly above the centered position it was intended to have.

Props sabernhardt, costdev, mukesh27.
Fixes #56369.

git-svn-id: https://develop.svn.wordpress.org/trunk@54197 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Marius L. J
2022-09-18 01:27:13 +00:00
parent b10d8771fb
commit b2a2270ae7

View File

@@ -11,10 +11,6 @@ are styled in the Privacy section of edit.css */
font-weight: 400;
}
.health-check-widget-title-section {
text-align: center;
}
.site-health-progress-wrapper {
margin-bottom: 1rem;
}
@@ -307,6 +303,14 @@ are styled in the Privacy section of edit.css */
padding-left: 16px;
}
#dashboard_site_health .site-health-details p:first-child {
margin-top: 0;
}
#dashboard_site_health .site-health-details p:last-child {
margin-bottom: 0;
}
#dashboard_site_health .health-check-widget {
display: grid;
grid-template-columns: 1fr 2fr;
@@ -318,6 +322,11 @@ are styled in the Privacy section of edit.css */
margin-left: 0;
}
.health-check-widget-title-section {
margin-bottom: 0;
text-align: center;
}
@media screen and (max-width: 480px) {
#dashboard_site_health .health-check-widget {
grid-template-columns: 100%;