From 94af7683fe6968b2d1d5c94a52df81d2ea89b729 Mon Sep 17 00:00:00 2001
From: Andrea Fercia <afercia@git.wordpress.org>
Date: Mon, 15 Apr 2019 18:00:57 +0000
Subject: [PATCH] Administration: Add a chevron icon to the Site Health "Passed
 tests" button.

The chevron icon helps clarify what the button does.

Props garrett-eclipse, Clorith, xkon, melchoyce.
Fixes #46730.


git-svn-id: https://develop.svn.wordpress.org/trunk@45201 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/css/site-health.css | 11 +++++++++--
 src/wp-admin/site-health.php     |  1 +
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/wp-admin/css/site-health.css b/src/wp-admin/css/site-health.css
index bcc69e1f02..4c75548265 100644
--- a/src/wp-admin/css/site-health.css
+++ b/src/wp-admin/css/site-health.css
@@ -286,6 +286,11 @@
 	width: 100%;
 }
 
+.wp-core-ui .button.site-health-view-passed {
+	position: relative;
+	padding: 0 40px 0 20px;
+}
+
 .health-check-accordion-trigger:hover,
 .health-check-accordion-trigger:active {
 	background: #f8f9f9;
@@ -305,7 +310,8 @@
 	font-weight: 600;
 }
 
-.health-check-accordion-trigger .icon {
+.health-check-accordion-trigger .icon,
+.site-health-view-passed .icon {
 	border: solid #191e23;
 	border-width: 0 2px 2px 0;
 	height: 0.5rem;
@@ -349,7 +355,8 @@
 	border: 1px solid #ccd0d4;
 }
 
-.health-check-accordion-trigger[aria-expanded="true"] .icon {
+.health-check-accordion-trigger[aria-expanded="true"] .icon,
+.site-health-view-passed[aria-expanded="true"] .icon {
 	transform: translateY(-30%) rotate(-135deg)
 }
 
diff --git a/src/wp-admin/site-health.php b/src/wp-admin/site-health.php
index 7fcbfb9f2b..2c5962675e 100644
--- a/src/wp-admin/site-health.php
+++ b/src/wp-admin/site-health.php
@@ -115,6 +115,7 @@ require_once( ABSPATH . 'wp-admin/admin-header.php' );
 	<div class="site-health-view-more">
 		<button type="button" class="button site-health-view-passed" aria-expanded="false" aria-controls="health-check-issues-good">
 			<?php _e( 'Passed tests' ); ?>
+			<span class="icon"></span>
 		</button>
 	</div>