From 04bab54488fe26b9458b0418b1ce6e42c4bf4faf Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Wed, 13 May 2020 11:34:45 +0300
Subject: [PATCH] Multiselect close alignment

---
 public/themes/saga-blue/theme.css       | 8 ++++----
 public/themes/saga-cyan/theme.css       | 8 ++++----
 public/themes/saga-deeppurple/theme.css | 8 ++++----
 public/themes/saga-green/theme.css      | 8 ++++----
 public/themes/saga-indigo/theme.css     | 8 ++++----
 public/themes/saga-orange/theme.css     | 8 ++++----
 public/themes/saga-purple/theme.css     | 8 ++++----
 public/themes/saga-teal/theme.css       | 8 ++++----
 public/themes/vela-blue/theme.css       | 4 ++--
 public/themes/vela-cyan/theme.css       | 4 ++--
 public/themes/vela-deeppurple/theme.css | 4 ++--
 public/themes/vela-green/theme.css      | 4 ++--
 public/themes/vela-indigo/theme.css     | 4 ++--
 public/themes/vela-orange/theme.css     | 4 ++--
 public/themes/vela-purple/theme.css     | 4 ++--
 public/themes/vela-teal/theme.css       | 4 ++--
 16 files changed, 48 insertions(+), 48 deletions(-)

diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index a501c5709..da993f720 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -813,15 +813,15 @@
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
   width: 2rem;
   height: 2rem;
-  color: #9ba2aa;
-  background: transparent;
+  color: #6c757d;
+  background: #e9ecef;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
   margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
-  color: #9ba2aa;
-  background: #e9ecef;
+  color: #495057;
+  background: #dee2e6;
 }
 .p-multiselect-panel .p-multiselect-items {
   padding: 0.5rem 0;
diff --git a/public/themes/saga-cyan/theme.css b/public/themes/saga-cyan/theme.css
index c4764136d..3e46fa532 100644
--- a/public/themes/saga-cyan/theme.css
+++ b/public/themes/saga-cyan/theme.css
@@ -813,15 +813,15 @@
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
   width: 2rem;
   height: 2rem;
-  color: #9ba2aa;
-  background: transparent;
+  color: #6c757d;
+  background: #e9ecef;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
   margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
-  color: #9ba2aa;
-  background: #e9ecef;
+  color: #495057;
+  background: #dee2e6;
 }
 .p-multiselect-panel .p-multiselect-items {
   padding: 0.5rem 0;
diff --git a/public/themes/saga-deeppurple/theme.css b/public/themes/saga-deeppurple/theme.css
index ea79aa819..aedd80721 100644
--- a/public/themes/saga-deeppurple/theme.css
+++ b/public/themes/saga-deeppurple/theme.css
@@ -813,15 +813,15 @@
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
   width: 2rem;
   height: 2rem;
-  color: #9ba2aa;
-  background: transparent;
+  color: #6c757d;
+  background: #e9ecef;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
   margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
-  color: #9ba2aa;
-  background: #e9ecef;
+  color: #495057;
+  background: #dee2e6;
 }
 .p-multiselect-panel .p-multiselect-items {
   padding: 0.5rem 0;
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index d094fe1d0..1ac8615f7 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -813,15 +813,15 @@
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
   width: 2rem;
   height: 2rem;
-  color: #9ba2aa;
-  background: transparent;
+  color: #6c757d;
+  background: #e9ecef;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
   margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
-  color: #9ba2aa;
-  background: #e9ecef;
+  color: #495057;
+  background: #dee2e6;
 }
 .p-multiselect-panel .p-multiselect-items {
   padding: 0.5rem 0;
diff --git a/public/themes/saga-indigo/theme.css b/public/themes/saga-indigo/theme.css
index f8478ee4f..8f84a8867 100644
--- a/public/themes/saga-indigo/theme.css
+++ b/public/themes/saga-indigo/theme.css
@@ -813,15 +813,15 @@
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
   width: 2rem;
   height: 2rem;
-  color: #9ba2aa;
-  background: transparent;
+  color: #6c757d;
+  background: #e9ecef;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
   margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
-  color: #9ba2aa;
-  background: #e9ecef;
+  color: #495057;
+  background: #dee2e6;
 }
 .p-multiselect-panel .p-multiselect-items {
   padding: 0.5rem 0;
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index bcf11217b..7bae345c4 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -813,15 +813,15 @@
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
   width: 2rem;
   height: 2rem;
-  color: #9ba2aa;
-  background: transparent;
+  color: #6c757d;
+  background: #e9ecef;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
   margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
-  color: #9ba2aa;
-  background: #e9ecef;
+  color: #495057;
+  background: #dee2e6;
 }
 .p-multiselect-panel .p-multiselect-items {
   padding: 0.5rem 0;
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index 4a971bc28..d0da50a17 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -813,15 +813,15 @@
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
   width: 2rem;
   height: 2rem;
-  color: #9ba2aa;
-  background: transparent;
+  color: #6c757d;
+  background: #e9ecef;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
   margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
-  color: #9ba2aa;
-  background: #e9ecef;
+  color: #495057;
+  background: #dee2e6;
 }
 .p-multiselect-panel .p-multiselect-items {
   padding: 0.5rem 0;
diff --git a/public/themes/saga-teal/theme.css b/public/themes/saga-teal/theme.css
index 0303b345f..857aa72ae 100644
--- a/public/themes/saga-teal/theme.css
+++ b/public/themes/saga-teal/theme.css
@@ -813,15 +813,15 @@
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
   width: 2rem;
   height: 2rem;
-  color: #9ba2aa;
-  background: transparent;
+  color: #6c757d;
+  background: #e9ecef;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
   margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
-  color: #9ba2aa;
-  background: #e9ecef;
+  color: #495057;
+  background: #dee2e6;
 }
 .p-multiselect-panel .p-multiselect-items {
   padding: 0.5rem 0;
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index cfa57dd33..f3b6e26e3 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -814,14 +814,14 @@
   width: 2rem;
   height: 2rem;
   color: #aeb6bf;
-  background: transparent;
+  background: rgba(255, 255, 255, 0.1);
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
   margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #ebedef;
-  background: rgba(255, 255, 255, 0.1);
+  background: rgba(255, 255, 255, 0.2);
 }
 .p-multiselect-panel .p-multiselect-items {
   padding: 0.5rem 0;
diff --git a/public/themes/vela-cyan/theme.css b/public/themes/vela-cyan/theme.css
index 50bad29cb..c7121a065 100644
--- a/public/themes/vela-cyan/theme.css
+++ b/public/themes/vela-cyan/theme.css
@@ -814,14 +814,14 @@
   width: 2rem;
   height: 2rem;
   color: #aeb6bf;
-  background: transparent;
+  background: rgba(255, 255, 255, 0.1);
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
   margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #ebedef;
-  background: rgba(255, 255, 255, 0.1);
+  background: rgba(255, 255, 255, 0.2);
 }
 .p-multiselect-panel .p-multiselect-items {
   padding: 0.5rem 0;
diff --git a/public/themes/vela-deeppurple/theme.css b/public/themes/vela-deeppurple/theme.css
index 7f1c136f0..3a7e783ad 100644
--- a/public/themes/vela-deeppurple/theme.css
+++ b/public/themes/vela-deeppurple/theme.css
@@ -814,14 +814,14 @@
   width: 2rem;
   height: 2rem;
   color: #aeb6bf;
-  background: transparent;
+  background: rgba(255, 255, 255, 0.1);
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
   margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #ebedef;
-  background: rgba(255, 255, 255, 0.1);
+  background: rgba(255, 255, 255, 0.2);
 }
 .p-multiselect-panel .p-multiselect-items {
   padding: 0.5rem 0;
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index efff02749..03bc00441 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -814,14 +814,14 @@
   width: 2rem;
   height: 2rem;
   color: #aeb6bf;
-  background: transparent;
+  background: rgba(255, 255, 255, 0.1);
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
   margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #ebedef;
-  background: rgba(255, 255, 255, 0.1);
+  background: rgba(255, 255, 255, 0.2);
 }
 .p-multiselect-panel .p-multiselect-items {
   padding: 0.5rem 0;
diff --git a/public/themes/vela-indigo/theme.css b/public/themes/vela-indigo/theme.css
index 18a132d53..d3637d688 100644
--- a/public/themes/vela-indigo/theme.css
+++ b/public/themes/vela-indigo/theme.css
@@ -814,14 +814,14 @@
   width: 2rem;
   height: 2rem;
   color: #aeb6bf;
-  background: transparent;
+  background: rgba(255, 255, 255, 0.1);
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
   margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #ebedef;
-  background: rgba(255, 255, 255, 0.1);
+  background: rgba(255, 255, 255, 0.2);
 }
 .p-multiselect-panel .p-multiselect-items {
   padding: 0.5rem 0;
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index fb14ebdeb..3b6d7d37e 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -814,14 +814,14 @@
   width: 2rem;
   height: 2rem;
   color: #aeb6bf;
-  background: transparent;
+  background: rgba(255, 255, 255, 0.1);
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
   margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #ebedef;
-  background: rgba(255, 255, 255, 0.1);
+  background: rgba(255, 255, 255, 0.2);
 }
 .p-multiselect-panel .p-multiselect-items {
   padding: 0.5rem 0;
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index cdf44647b..2d0c5cdb4 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -814,14 +814,14 @@
   width: 2rem;
   height: 2rem;
   color: #aeb6bf;
-  background: transparent;
+  background: rgba(255, 255, 255, 0.1);
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
   margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #ebedef;
-  background: rgba(255, 255, 255, 0.1);
+  background: rgba(255, 255, 255, 0.2);
 }
 .p-multiselect-panel .p-multiselect-items {
   padding: 0.5rem 0;
diff --git a/public/themes/vela-teal/theme.css b/public/themes/vela-teal/theme.css
index b5f17c7e0..538a7761f 100644
--- a/public/themes/vela-teal/theme.css
+++ b/public/themes/vela-teal/theme.css
@@ -814,14 +814,14 @@
   width: 2rem;
   height: 2rem;
   color: #aeb6bf;
-  background: transparent;
+  background: rgba(255, 255, 255, 0.1);
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
   margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #ebedef;
-  background: rgba(255, 255, 255, 0.1);
+  background: rgba(255, 255, 255, 0.2);
 }
 .p-multiselect-panel .p-multiselect-items {
   padding: 0.5rem 0;