From a4445b0c1e41d3abe116ddef213d1603ffc578ed Mon Sep 17 00:00:00 2001
From: Joffrey JAFFEUX <j.jaffeux@gmail.com>
Date: Fri, 2 Feb 2018 00:47:12 +0100
Subject: [PATCH] FIX: improve dropdown-select-box on mobile

---
 .../stylesheets/common/select-kit/composer-actions.scss  | 9 +++++----
 .../mobile/select-kit/dropdown-select-box.scss           | 7 +++++++
 2 files changed, 12 insertions(+), 4 deletions(-)
 create mode 100644 app/assets/stylesheets/mobile/select-kit/dropdown-select-box.scss

diff --git a/app/assets/stylesheets/common/select-kit/composer-actions.scss b/app/assets/stylesheets/common/select-kit/composer-actions.scss
index a2dace01076..70c37dae9af 100644
--- a/app/assets/stylesheets/common/select-kit/composer-actions.scss
+++ b/app/assets/stylesheets/common/select-kit/composer-actions.scss
@@ -6,15 +6,16 @@
         background: none;
         outline: none;
         padding: 0;
+        margin-right: 5px;
 
         .d-icon {
           border: 1px solid $primary-low;
           padding: 5px;
-          margin: 0;
+          margin: 0!important;
+        }
 
-          &:hover {
-            background: $primary-low;
-          }
+        &:hover {
+          background: $primary-low;
         }
       }
     }
diff --git a/app/assets/stylesheets/mobile/select-kit/dropdown-select-box.scss b/app/assets/stylesheets/mobile/select-kit/dropdown-select-box.scss
new file mode 100644
index 00000000000..64b663b5073
--- /dev/null
+++ b/app/assets/stylesheets/mobile/select-kit/dropdown-select-box.scss
@@ -0,0 +1,7 @@
+.select-kit {
+  &.dropdown-select-box {
+    .select-kit-collection {
+      max-height: 200px;
+    }
+  }
+}