Fix spacing on image in dropdown

RELEASE-NOTES.md

@@ -3,6 +3,7 @@
 ### Version 2.2.11 - April XX, 2017
 
 **Enhancements**
+- **Dropdown** - Improved spacing on `img` inside `menu item` and for selected `text`
 - **Modal** - Adds `tiny` and `mini` sized modals #5123 **Thanks @Banandrew**
 - **Modal** - Adds new `scrolling content` variation to have a modal with content that scrolls
 - **Popup* - Added `bind clickaway` `bind touchclose` `bind close on scroll` behaviors to make it easier for `on: 'manual'` popup to specify behavior

src/definitions/modules/dropdown.less

@@ -285,8 +285,10 @@
 .ui.dropdown .menu > .item > .image,
 .ui.dropdown .menu > .item > img {
   display: inline-block;
-  vertical-align: middle;
+  vertical-align: top;
   width: auto;
+  margin-top: @menuImageVerticalMargin;
+  margin-bottom: @menuImageVerticalMargin;
   max-height: @menuImageMaxHeight;
 }
 

src/themes/default/modules/dropdown.variables

@@ -94,6 +94,7 @@
 
 /* Menu Image */
 @menuImageMaxHeight: 2em;
+@menuImageVerticalMargin: -(@menuImageMaxHeight - 1em) / 2;
 
 /* Item Sub-Element */
 @itemElementFloat: none;