Fix padding of Select2 search inputwinh-select2-search-padding

1 files changed, 14 insertions, 10 deletions

diff --git a/app/assets/stylesheets/framework/selects.scss b/app/assets/stylesheets/framework/selects.scss
index 054fa7be301..6ec5b69ae82 100644
--- a/app/assets/stylesheets/framework/selects.scss
+++ b/app/assets/stylesheets/framework/selects.scss
@@ -140,7 +140,7 @@
 
 .select2-search,
 .select2-drop-auto-width .select2-search {
-  padding: $grid-size #{2 * $grid-size};
+  padding: $grid-size;
 }
 
 .select2-search + .select2-results {
@@ -148,25 +148,29 @@
 }
 
 .select2-search input {
-  padding: 2px 25px 2px 5px;
+  padding: $grid-size;
   background: $white-light image-url('select2.png');
+  background-clip: content-box;
+  background-origin: content-box;
   background-repeat: no-repeat;
-  background-position: right 0 bottom 6px;
+  background-position: right 0 bottom 0 !important;
   border: 1px solid $input-border;
   border-radius: $border-radius-default;
+  line-height: 16px;
   transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
 
   &:focus {
     border-color: $input-border-focus;
   }
-}
 
-.select2-search input.select2-active {
-  background-color: $white-light;
-  background-image: image-url('select2-spinner.gif') !important;
-  background-repeat: no-repeat;
-  background-position: right 5px center !important;
-  background-size: 16px 16px !important;
+  &.select2-active {
+    background-color: $white-light;
+    background-image: image-url('select2-spinner.gif') !important;
+    background-origin: content-box;
+    background-repeat: no-repeat;
+    background-position: right 6px center !important;
+    background-size: 16px 16px !important;
+  }
 }
 
 .select2-results {