From 0610794dbef7bc6829af2a77fa936e1ee68ffbf3 Mon Sep 17 00:00:00 2001
From: Sli <antoine@bartuccio.fr>
Date: Mon, 28 Oct 2024 18:18:56 +0100
Subject: [PATCH] Fix ajax-select visual

---
 core/static/core/components/ajax-select.scss | 40 ++++++++++++--------
 1 file changed, 24 insertions(+), 16 deletions(-)

diff --git a/core/static/core/components/ajax-select.scss b/core/static/core/components/ajax-select.scss
index abecc08b..404d4499 100644
--- a/core/static/core/components/ajax-select.scss
+++ b/core/static/core/components/ajax-select.scss
@@ -16,22 +16,30 @@
   }
 }
 
-.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
-  border-left: 1px solid black;
+.ts-wrapper {
+  margin: 5px;
 }
 
-.ts-wrapper.multi .ts-control [data-value] {
-  background-image: none;
-  cursor: pointer;
-  background-color: #e4e4e4;
-  border: 1px solid #aaa;
-  border-radius: 4px;
-  display: inline-block;
-  margin-left: 5px;
-  margin-top: 5px;
-  margin-bottom: 5px;
-  padding-right: 10px;
-  padding-left: 10px;
-  text-shadow: none;
-  box-shadow: none;
+.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
+  border-left: 1px solid #aaa;
+}
+
+.ts-wrapper.multi .ts-control {
+
+  [data-value],
+  [data-value].active {
+    background-image: none;
+    cursor: pointer;
+    background-color: #e4e4e4;
+    border: 1px solid #aaa;
+    border-radius: 4px;
+    display: inline-block;
+    margin-left: 5px;
+    margin-top: 5px;
+    margin-bottom: 5px;
+    padding-right: 10px;
+    padding-left: 10px;
+    text-shadow: none;
+    box-shadow: none;
+  }
 }
\ No newline at end of file