From: Trisha Crowley <trisha.crowley@gmail.com>
Date: Fri, 25 Apr 2014 17:35:02 +0000 (-0400)
Subject: Menu: Vertically center icons. Fix menu item wiggle and clearing in IE8
X-Git-Tag: 1.11.0-beta.2~6
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=b0e8380f023f41cb4a1bd3665177b5f0e795c289;p=jquery-ui.git

Menu: Vertically center icons. Fix menu item wiggle and clearing in IE8

Fixes #9995
Closes gh-1235
---

diff --git a/themes/base/menu.css b/themes/base/menu.css
index f4588b13b..2be35870f 100644
--- a/themes/base/menu.css
+++ b/themes/base/menu.css
@@ -19,9 +19,9 @@
 	position: absolute;
 }
 .ui-menu .ui-menu-item {
+	position: relative;
 	margin: 0;
-	display: block;
-	padding: 3px .4em;
+	padding: 3px 1em 3px .4em;
 	cursor: pointer;
 	min-height: 0; /* support: IE7 */
 	/* support: IE10, see #8844 */
@@ -44,20 +44,20 @@
 	position: relative;
 }
 .ui-menu-icons .ui-menu-item {
-	position: relative;
 	padding-left: 2em;
 }
 
 /* left-aligned */
 .ui-menu .ui-icon {
 	position: absolute;
-	top: .2em;
+	top: 0;
+	bottom: 0;
 	left: .2em;
+	margin: auto 0;
 }
 
 /* right-aligned */
 .ui-menu .ui-menu-icon {
-	position: relative;
-	top: -.2em;
-	float: right;
+	left: auto;
+	right: 0;
 }