From 3d04cc37a51968fa04635c5148978e682d46505c Mon Sep 17 00:00:00 2001
From: Andrea Fercia <afercia@git.wordpress.org>
Date: Sun, 10 Sep 2017 13:39:13 +0000
Subject: [PATCH] Administration: Admin menu: Improve vertical spacing and
 alignment of menu items with counters.

Props pauldechov, JDTrower.

Fixes #41317.


git-svn-id: https://develop.svn.wordpress.org/trunk@41362 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/css/admin-menu.css  | 28 +++++++++++++---------------
 src/wp-admin/css/list-tables.css |  2 +-
 2 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/src/wp-admin/css/admin-menu.css b/src/wp-admin/css/admin-menu.css
index a1f6919004..9c09dacd06 100644
--- a/src/wp-admin/css/admin-menu.css
+++ b/src/wp-admin/css/admin-menu.css
@@ -280,9 +280,9 @@
 
 #adminmenu .wp-submenu a {
 	font-size: 13px;
-	line-height: 1.2;
+	line-height: 18px;
 	margin: 0;
-	padding: 6px 0;
+	padding: 5px 0;
 }
 
 #adminmenu .wp-submenu li.current,
@@ -303,7 +303,7 @@
 
 #adminmenu .wp-has-current-submenu ul > li > a,
 .folded #adminmenu li.menu-top .wp-submenu > li > a {
-	padding: 6px 12px;
+	padding: 5px 12px;
 }
 
 #adminmenu a.menu-top,
@@ -510,28 +510,26 @@ ul#adminmenu > li.current > a.current:after {
 	border: 0 none;
 }
 
+/* @todo: consider to use a single rule for these counters and the list table comments counters. */
 #adminmenu .awaiting-mod,
 #adminmenu .update-plugins {
 	display: inline-block;
-	background-color: #d54e21;
+	vertical-align: top;
+	margin: 1px 0 0 2px;
+	padding: 0 5px;
+	min-width: 7px;
+	height: 17px;
+	border-radius: 11px;
+	background-color: #ca4a1f;
 	color: #fff;
 	font-size: 9px;
 	line-height: 17px;
-	font-weight: 600;
-	margin: 1px 0 0 2px;
-	vertical-align: top;
-	border-radius: 10px;
+	text-align: center;
 	z-index: 26;
 }
 
-#adminmenu li .awaiting-mod span,
-#adminmenu li span.update-plugins span {
-	display: block;
-	padding: 0 6px;
-}
-
 #adminmenu li.current a .awaiting-mod,
-#adminmenu	li a.wp-has-current-submenu .update-plugins {
+#adminmenu li a.wp-has-current-submenu .update-plugins {
 	background-color: #00b9eb;
 	color: #fff;
 }
diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css
index 58ec28f162..aad8b589c0 100644
--- a/src/wp-admin/css/list-tables.css
+++ b/src/wp-admin/css/list-tables.css
@@ -96,7 +96,7 @@
 	border-top-color: #0073aa;
 }
 
-/* comments bubble pending */
+/* @todo: consider to use a single rule for these counters and the admin menu counters. */
 .column-response .post-com-count-pending,
 .column-comments .post-com-count-pending {
 	position: relative;