select2.css in redmine_crm-0.0.52

- old
+ new

@@ -148,33 +148,41 @@
   position: absolute !important;
   width: 1px !important;
 }
 
 .select2-container--default .select2-selection--single {
-  background: #fff url(../images/vcard.png) no-repeat 2px 50%;
-  border: 1px solid #9EB1C2;
-  border-radius: 2px;
-  height: 21px;
+  /*background: #fff url(../images/vcard.png) no-repeat 2px 50%;*/
+  background-color: #fff;
+  height: 24px;
+  border: 1px solid #ccc;
+  border-radius: 3px;
 }
 
+.select2-container--default .select2-selection--single.icon {
+  background-position-x: 3px;
+}
+
 .select2-container--default .select2-selection--single .select2-selection__rendered {
-  padding-left: 21px;
-  line-height: 18px;
+  line-height: 21px;
   font-size: 11px;
 }
 
+.select2-container--default .select2-selection--single.icon .select2-selection__rendered {
+  padding-left: 2px
+}
+
 .select2-container--default .select2-selection--single .select2-selection__clear {
   cursor: pointer;
   float: right;
   font-weight: normal;
   color: #888;
 }
 .select2-container--default .select2-selection--single .select2-selection__placeholder {
   color: #999;
 }
 .select2-container--default .select2-selection--single .select2-selection__arrow {
-  height: 20px;
+  height: 24px;
   position: absolute;
   top: 0px;
   right: 1px;
   width: 20px;
 }
@@ -208,21 +216,21 @@
   border-color: transparent transparent #888 transparent;
   border-width: 0 4px 5px 4px;
 }
 .select2-container--default .select2-selection--multiple {
   background-color: white;
-  border: 1px solid #9EB1C2;
-  border-radius: 2px;
+  border: 1px solid #ccc;
+  border-radius: 3px;
   cursor: text;
 }
 
 #sidebar .select2-container--default .select2-selection--multiple .select2-selection__rendered,
 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
   box-sizing: border-box;
   list-style: none;
   margin: 0;
-  padding: 0 2px 2px 2px;
+  padding: 0 2px 1px 2px;
   width: 100%;
 }
 .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
   list-style: none;
 }
@@ -243,12 +251,12 @@
 .select2-container--default .select2-selection--multiple .select2-selection__choice {
   background-color: #efefef;
   border-radius: 2px;
   cursor: default;
   float: left;
-  margin-right: 3px;
-  margin-top: 3px;
+  margin-right: 2px;
+  margin-top: 2px;
   padding: 0 3px;
 }
 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
   color: #aaa;
   cursor: pointer;
@@ -269,12 +277,12 @@
 .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
   margin-left: 2px;
   margin-right: auto;
 }
 .select2-container--default.select2-container--focus .select2-selection--multiple {
-  border: solid #aaa 1px;
-  outline: 0;
+  border: 1px solid #5ad;
+  outline: none;
 }
 .select2-container--default.select2-container--disabled .select2-selection--multiple {
   background-color: #eee;
   cursor: default;
 }
@@ -296,10 +304,11 @@
   background: transparent;
   border: none;
   outline: 0;
   box-shadow: none;
   -webkit-appearance: textfield;
+  height: 18px;
 }
 .select2-container--default .select2-results > .select2-results__options {
   max-height: 200px;
   overflow-y: auto;
 }
@@ -353,15 +362,15 @@
 
 .filter .select2-selection--multiple .select2-search--inline .select2-search__field {
   border: 0px !important;
   height: inherit !important;
   padding: 0px !important;
-  width: 2em !important;
 }
 
 .filter .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  outline: none;
   border: 0px;
-  padding: 2px 5px;
+  padding: 3px 5px;
 }
 
 /* == Theming ===
 
 .select2-container--default .select2-selection--single {