Fixes sub-menu spacing with dropdown + icon

RELEASE-NOTES.md

@@ -3,7 +3,7 @@
 ### Version 1.7.0 -
 
 **Major Changes**
-- **Project** - Right-to-left (RTL) support added. New gulp tasks for RTL *Thanks @MohammadYounes!*
+- **Project** - Right-to-left (RTL) support added. New gulp tasks for RTL file generation. Docs do not yet support RTL.*Thanks @MohammadYounes!*.
 - **Project** - Express/Custom install now let you specify the outputted file permissions and RTL use
 
 **Enhancements**
@@ -15,6 +15,7 @@
 - **Modules** - Use of `$.proxy` swapped to native `function.call()` for performance gains across all modules
 
 **Bugs**
+- **Dropdown** - Fixed bug where sub menus may sometimes have dropdown icon overlap text
 - **Popup** - `wide` and `very wide` popup will now appear when screen size is below their `max-width`
 - **Popup** - Popup no longer blurs element on popup hide
 - **Segment** - ``ui tabular menu`` now correctly aligns with attached segment when using fluid variation *Thanks @MohammadYounes*

src/definitions/modules/dropdown.less

@@ -91,6 +91,9 @@
   float: @itemDropdownIconFloat;
   margin: @itemDropdownIconMargin;
 }
+.ui.dropdown .menu > .item .dropdown.icon + .text {
+  margin-right: @itemDropdownIconDistance;
+}
 
 
 /*--------------
@@ -714,6 +717,17 @@ select.ui.dropdown {
   float: @leftMenuDropdownIconFloat;
   margin: @leftMenuDropdownIconMargin;
 }
+.ui.dropdown .item .left.dropdown.icon,
+.ui.dropdown .left.menu .item .dropdown.icon {
+  width: auto;
+  float: @leftMenuDropdownIconFloat;
+  margin: @leftMenuDropdownIconMargin;
+}
+.ui.dropdown .item .left.dropdown.icon + .text,
+.ui.dropdown .left.menu .item .dropdown.icon + .text {
+  margin-left: @itemDropdownIconDistance;
+}
+
 
 
 /*--------------

src/themes/default/modules/dropdown.variables

@@ -92,8 +92,9 @@
 @itemElementDistance: 0.75em;
 
 /* Sub-Menu Dropdown Icon */
+@itemDropdownIconDistance: 1em;
 @itemDropdownIconFloat: right;
-@itemDropdownIconMargin: @itemLineHeightOffset 0em 0em @itemElementDistance;
+@itemDropdownIconMargin: @itemLineHeightOffset 0em 0em @itemDropdownIconDistance;
 
 /* Description */
 @itemDescriptionMargin: 0em 0em 0em 1em;