From 2b919ee051f6db43ac741b870fe3b6771ced7ad3 Mon Sep 17 00:00:00 2001
From: Andrea Fercia <afercia@git.wordpress.org>
Date: Wed, 12 Jun 2019 19:30:49 +0000
Subject: [PATCH] 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 | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/wp-admin/css/site-health.css b/src/wp-admin/css/site-health.css
index 8c38a5d67f..f320d4f4c9 100644
--- a/src/wp-admin/css/site-health.css
+++ b/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;