Match crm-public styles with select2

diff --git a/css/civicrm.css b/css/civicrm.css
index 383fe7ffa7f531e41cef3a6b1ee18d882dcc927c..f38a18ac6fda536e17c7ebda1a08f5e0687a5b88 100644 (file)
--- a/css/civicrm.css
+++ b/css/civicrm.css
@@ -307,7 +307,8 @@ input.crm-form-entityref {
 }
 
 /* Style civi form inputs to match select2 */
-.crm-container select.crm-form-select {
+.crm-container select.crm-form-select,
+.crm-container select.crm-form-date {
   border: 1px solid #aaa;
   color: #444;
   height: 2.2em;
@@ -4232,7 +4233,7 @@ span.crm-status-icon {
 #crm-container.crm-public select {
   font-size: 15px;
   padding: 5px;
-  border-radius: 2px;
+  border-radius: 3px;
   vertical-align: middle;
 }
 
@@ -4240,6 +4241,30 @@ span.crm-status-icon {
   padding-top: 6px;
 }
 
+.crm-container.crm-public .select2-container {
+  font-size: 14px;
+}
+.crm-container.crm-public .select2-container .select2-choice {
+  padding: 5px 5px 5px 8px;
+}
+.crm-container.crm-public .select2-container-multi .select2-choices {
+  padding: 4px;
+}
+.crm-public .select2-container .select2-choice .select2-arrow {
+  width: 20px;
+}
+.crm-public .select2-container .select2-choice .select2-arrow b {
+  position: relative;
+  top: 2px;
+  left: 2px;
+}
+.crm-container.crm-public .select2-container-multi .select2-choices .select2-search-choice {
+  padding: 3px 3px 3px 20px;
+}
+.crm-container.crm-public .select2-container-multi .select2-choices:before {
+  top: 9px;
+}
+
 .crm-public .crm-profile-view .content {
   padding-top: 6px;
 }