Administration: Improve the horizontal centering of the Site Health tabs.

Props dkarfa, davidbaumwald, Clorith, tinkerbelly, afercia.
Fixes #46881.


git-svn-id: https://develop.svn.wordpress.org/trunk@45522 602fd350-edb4-49c9-b593-d223f7449a82

src/wp-admin/css/site-health.css

@@ -108,8 +108,18 @@
 	}
 }
 
+.health-check-tabs-wrapper {
+	/* IE 11 */
+	display: -ms-inline-grid;
+	-ms-grid-columns: 1fr 1fr;
+	vertical-align: top;
+	/* modern browsers */
+	display: inline-grid;
+	grid-template-columns: 1fr 1fr;
+}
+
 .health-check-tab {
-	display: inline-block;
+	display: block; /* IE 11 */
 	text-decoration: none;
 	color: inherit;
 	padding: 0.5rem 1rem 1rem;
@@ -117,6 +127,14 @@
 	transition: box-shadow 0.5s ease-in-out;
 }
 
+.health-check-tab:nth-child(1) {
+	-ms-grid-column: 1; /* IE 11 */
+}
+
+.health-check-tab:nth-child(2) {
+	-ms-grid-column: 2; /* IE 11 */
+}
+
 .health-check-tab:focus {
 	color: #191e23;
 	outline: 1px solid #6c7781;