Better css for chosen selects

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>

1 files changed, 14 insertions, 5 deletions

diff --git a/app/assets/stylesheets/generic/selects.scss b/app/assets/stylesheets/generic/selects.scss
index 4f96b7d7e8b..31a1d49e334 100644
--- a/app/assets/stylesheets/generic/selects.scss
+++ b/app/assets/stylesheets/generic/selects.scss
@@ -59,18 +59,21 @@
 
 select {
   &.chosen {
-    min-width: 100px;
+    width: 100px;
   }
 
   &.chosen-sm {
-    min-width: 100px;
+    width: 100px;
   }
 }
 
 @media (min-width: $screen-sm-min) {
   select {
     &.chosen {
-      min-width: 150px;
+      width: 150px;
+    }
+    &.chosen-sm {
+      width: 120px;
     }
   }
 }
@@ -79,7 +82,10 @@ select {
 @media (min-width: $screen-md-min) {
   select {
     &.chosen {
-      min-width: 170px;
+      width: 170px;
+    }
+    &.chosen-sm {
+      width: 140px;
     }
   }
 }
@@ -88,7 +94,10 @@ select {
 @media (min-width: $screen-lg-min) {
   select {
     &.chosen {
-      min-width: 200px;
+      width: 200px;
+    }
+    &.chosen-sm {
+      width: 150px;
     }
   }
 }