From 17a5f9f494d8031ef69b55f8f1877b38b80a1455 Mon Sep 17 00:00:00 2001
From: Helen Hou-Sandi <helen@git.wordpress.org>
Date: Thu, 9 Jul 2015 19:11:19 +0000
Subject: [PATCH] List tables: Better focus styling for the row toggle.

This circular focus styling could probably be expanded to other areas of the admin.

props hugobaeta.
see #32395.


git-svn-id: https://develop.svn.wordpress.org/trunk@33146 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/css/list-tables.css | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css
index 4811581ecd..8dfeb7dc3f 100644
--- a/src/wp-admin/css/list-tables.css
+++ b/src/wp-admin/css/list-tables.css
@@ -457,7 +457,7 @@ th.asc a:focus span.sorting-indicator:before {
 	cursor: pointer;
 }
 
-.wp-list-table .toggle-row:focus {
+.wp-list-table .toggle-row:focus:before {
     -webkit-box-shadow:
     	0 0 0 1px #5b9dd9,
 		0 0 2px 1px rgba(30, 140, 190, .8);
@@ -466,7 +466,7 @@ th.asc a:focus span.sorting-indicator:before {
 		0 0 2px 1px rgba(30, 140, 190, .8);
 }
 
-.ie8 .wp-list-table .toggle-row:focus {
+.ie8 .wp-list-table .toggle-row:focus:before {
 	outline: #5b9dd9 solid 1px;
 }
 
@@ -477,14 +477,15 @@ th.asc a:focus span.sorting-indicator:before {
 
 .wp-list-table .toggle-row:before {
 	position: absolute;
-	top: 0;
+	top: -5px;
 	left: 10px;
+	border-radius: 50%;
 	display: block;
-	padding: 0;
+	padding: 1px 2px 1px 0;
 	color: #666;
 	content: '\f140';
 	font: normal 20px/1 'dashicons';
-	line-height: 10px;
+	line-height: 1;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	speak: none;