From 60aea4503f1b9a3df9c3aced374b3dd797fee42a Mon Sep 17 00:00:00 2001
From: Paul Biron <paul@sparrowhawkcomputing.com>
Date: Tue, 2 Apr 2019 08:51:26 -0600
Subject: [PATCH] right align badges, make them square, and outline (instead of
 background colored) badges in the "Passed Tests" section.

---
 src/wp-admin/css/site-health.css | 44 +++++++++++++++++++++++++++++---
 1 file changed, 40 insertions(+), 4 deletions(-)

diff --git a/src/wp-admin/css/site-health.css b/src/wp-admin/css/site-health.css
index 520d276c43..77e7cd1b9f 100644
--- a/src/wp-admin/css/site-health.css
+++ b/src/wp-admin/css/site-health.css
@@ -330,13 +330,11 @@
 }
 
 .health-check-accordion-trigger .badge {
-	display: inline-block;
+	float: right;
 	padding: 0.1rem 0.5rem 0.15rem;
-	background-color: #d7dade;
-	border-radius: 3px;
 	color: #000;
 	font-weight: 600;
-	margin: 0 0.5rem;
+	margin: 0 2rem 0 0.5rem;
 }
 
 .health-check-accordion-trigger .badge.blue {
@@ -379,6 +377,44 @@
 	color: #000;
 }
 
+#health-check-issues-good .health-check-accordion-trigger .badge {
+	background-color: initial;
+	border: 2px solid;
+	color: initial;
+}
+
+#health-check-issues-good .health-check-accordion-trigger .badge.blue {
+	border-color: #0073af;
+}
+
+#health-check-issues-good .health-check-accordion-trigger .badge.orange {
+	border-color: #ffb900;
+}
+
+#health-check-issues-good .health-check-accordion-trigger .badge.red {
+	border-color: #dc3232;
+}
+
+#health-check-issues-good .health-check-accordion-trigger .badge.green {
+	border-color: #40860a;
+}
+
+#health-check-issues-good .health-check-accordion-trigger .badge.pink {
+	border-color: #f4b0fc;
+}
+
+#health-check-issues-good .health-check-accordion-trigger .badge.gray {
+	border-color: #ccc;
+}
+
+#health-check-issues-good .health-check-accordion-trigger .badge.light-blue {
+	border-color: #10e9fb;
+}
+
+#health-check-issues-good .health-check-accordion-trigger .badge.light-green {
+	border-color: #60f999;
+}
+
 .health-check-accordion-trigger[aria-expanded="true"] .icon {
 	transform: translateY(-30%) rotate(-135deg)
 }
-- 
2.19.0.windows.1