dropdown fix

app/scripts/views/list-search-view.js

@@ -48,9 +48,10 @@ var ListSearchView = Backbone.View.extend({
         this.sortOptions.forEach(function(opt) {
             this.sortIcons[opt.value] = opt.icon;
         }, this);
+        var entryDesc = FeatureDetector.isMobile() ? '' : (' <span class="muted-color">(' + Locale.searchShiftClickOr + ' ' +
+            FeatureDetector.altShortcutSymbol(true) + 'N)</span>');
         this.createOptions = [
-            { value: 'entry', icon: 'key', text: 'Entry <span class="muted-color">(' + Locale.searchShiftClickOr + ' ' +
-                FeatureDetector.altShortcutSymbol(true) + 'N)</span>' },
+            { value: 'entry', icon: 'key', text: 'Entry' + entryDesc },
             { value: 'group', icon: 'folder', text: 'Group' }
         ];
         this.views = {};

app/styles/areas/_details.scss

@@ -485,7 +485,7 @@
 
   &__tags-autocomplete {
     position: absolute;
-    @include dropdown;
+    @include common-dropdown;
     &-tag {
       padding: $base-padding;
       display: inline-block;

app/styles/areas/_generator.scss

@@ -1,6 +1,6 @@
 .gen {
   position: absolute;
-  @include dropdown;
+  @include common-dropdown;
   padding: $base-spacing;
   width: 11em;
   &__length-range {

app/styles/areas/_list.scss

@@ -108,9 +108,11 @@
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
-    @include area-selectable(right);
-    &--active, &--active:hover {
-      @include nomobile { @include area-selected(right); }
+    @include nomobile {
+      @include area-selectable(right);
+      &--active, &--active:hover {
+        @include area-selected(right);
+      }
     }
 
     &:not(.list__item--table) {

app/styles/common/_dates.scss

@@ -1,5 +1,5 @@
 .pika-single {
-  @include dropdown;
+  @include common-dropdown;
 }
 
 .pika-label {

app/styles/common/_dropdown.scss

@@ -10,10 +10,16 @@
   &__item {
     padding: 8px 12px;
     cursor: pointer;
-    @include area-selectable(right);
+    white-space: nowrap;
     &--active, &--active:hover {
       @include area-selected(right);
     }
+    @include nomobile {
+      @include area-selectable(right);
+      &--active, &--active:hover {
+        @include area-selected(right);
+      }
+    }
     &-icon {
       margin-right: $base-padding-h;
     }

app/styles/common/_tip.scss

@@ -6,7 +6,7 @@
   z-index: $z-index-no-modal;
   pointer-events: none;
   animation: tip $tip-transition-in;
-  @include dropdown();
+  @include common-dropdown;
   &.tip--fast, &.tip--fast:before, &.tip--fast:after {
     animation-duration: $base-duration;
   }

app/styles/main.scss

@@ -8,7 +8,7 @@
 @import "base/base";
 
 @import "utils/drag";
-@import "utils/dropdown";
+@import "utils/common-dropdown";
 @import "utils/selection";
 
 @import "common/dates";

app/styles/utils/_common-dropdown.scss

@@ -1,8 +1,8 @@
-@mixin dropdown {
+@mixin common-dropdown {
   @include th {
     color: text-color();
     background: background-color();
     border: 1px solid light-border-color();
     box-shadow: dropdown-box-shadow();
   }
-}
+}