Tightened up spacing on drop down menu - Fixes mui#17

Jonathlee · Nov 9, 2014 · 3f1173c · 3f1173c
1 parent ca700e1
commit 3f1173c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/docs/dist/js/menu.jsx b/docs/dist/js/menu.jsx
@@ -111,9 +111,7 @@ var Menu = React.createClass({
 
   componentDidMount: function() {
     var $el = $(this.getDOMNode()),
-      menuWidth = $el.width()
-
-    menuWidth = KeyLine.getIncrementalDim(menuWidth);
+      menuWidth = KeyLine.getIncrementalDim($el.width());
 
     //Update the menu width
     //We need to remove the transition in order to set the

diff --git a/docs/dist/less/components/drop-down-menu.less b/docs/dist/less/components/drop-down-menu.less
@@ -61,10 +61,11 @@
 	.mui-menu {
 		.mui-menu-item {
 			transition: none;
-			padding-right: (@icon-size + (@desktop-gutter-less*2));
+			padding-right: (@icon-size + @desktop-gutter-less + @desktop-gutter-mini);
 			height: @desktop-drop-down-menu-item-height;
 			line-height: @desktop-drop-down-menu-item-height;
-
+      white-space: nowrap;
+
 			&:hover {
 				background-color: @menu-item-hover-color;
 			}