From 79e2b83b8f1fb20fbf3ec81fb9495e20a2e3d7f5 Mon Sep 17 00:00:00 2001
From: Andrea Fercia <afercia@git.wordpress.org>
Date: Wed, 29 May 2019 18:21:45 +0000
Subject: [PATCH] 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
---
 src/wp-admin/css/site-health.css | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

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