Fix dropdown issues with min-width

src/definitions/modules/dropdown.less

@@ -27,7 +27,6 @@
   cursor: pointer;
   position: relative;
   display: inline-block;
-  line-height: 1em;
   tap-highlight-color: rgba(0, 0, 0, 0);
   outline: none;
   text-align: left;
@@ -49,14 +48,13 @@
   display: none;
   outline: none;
   top: 100%;
+  min-width: max-content;
   transition: @menuTransition;
 
   margin: @menuMargin;
   padding: @menuPadding;
   background: @menuBackground;
-  min-width: 100%;
 
-  white-space: @menuWrap;
   font-size: @relativeMedium;
   text-shadow: none;
   text-align: @menuTextAlign;
@@ -69,6 +67,11 @@
   will-change: transform, opacity;
 }
 
+.ui.dropdown .menu > * {
+  white-space: nowrap;
+}
+
+
 /*--------------
   Hidden Input
 ---------------*/
@@ -201,6 +204,7 @@
 
 .ui.dropdown > .text > .description,
 .ui.dropdown .menu > .item > .description {
+  float: @itemDescriptionFloat;
   margin: @itemDescriptionMargin;
   color: @itemDescriptionColor;
 }
@@ -340,6 +344,7 @@
 .ui.selection.dropdown {
   cursor: pointer;
   word-wrap: break-word;
+  line-height: 1em;
   white-space: normal;
   outline: 0;
   transform: rotateZ(0deg);
@@ -394,9 +399,9 @@ select.ui.dropdown {
   -webkit-overflow-scrolling: touch;
   border-top-width: 0px !important;
   width: auto;
+  outline: none;
   margin: 0px -@menuBorderWidth;
   min-width: @menuMinWidth;
-  outline: none;
 
   border-radius: @selectionMenuBorderRadius;
   box-shadow: @selectionMenuBoxShadow;

src/themes/default/modules/dropdown.variables

@@ -28,7 +28,6 @@
 @menuMargin: 0em;
 @menuPadding: 0em 0em;
 @menuTop: 100%;
-@menuWrap: normal;
 @menuTextAlign: left;
 
 @menuBorderWidth: 1px;
@@ -103,6 +102,7 @@
 @itemDropdownIconMargin: @itemLineHeightOffset 0em 0em @itemDropdownIconDistance;
 
 /* Description */
+@itemDescriptionFloat: right;
 @itemDescriptionMargin: 0em 0em 0em 1em;
 @itemDescriptionColor: @lightTextColor;