From 2e8467b858ffbe822e2f240a586df4851990e4a3 Mon Sep 17 00:00:00 2001
From: tomy2105 <t.petrovic@inet.hr>
Date: Wed, 28 Apr 2021 15:20:13 +0200
Subject: [PATCH] Using Tailwind CSS instead of custom one

---
 .../elsa-input-tags/elsa-input-tags-dropdown.css   | 14 --------------
 .../elsa-input-tags/elsa-input-tags-dropdown.tsx   |  2 +-
 2 files changed, 1 insertion(+), 15 deletions(-)

diff --git a/src/designer/elsa-workflows-studio/src/components/controls/elsa-input-tags/elsa-input-tags-dropdown.css b/src/designer/elsa-workflows-studio/src/components/controls/elsa-input-tags/elsa-input-tags-dropdown.css
index a51ef25f4..f09d32524 100644
--- a/src/designer/elsa-workflows-studio/src/components/controls/elsa-input-tags/elsa-input-tags-dropdown.css
+++ b/src/designer/elsa-workflows-studio/src/components/controls/elsa-input-tags/elsa-input-tags-dropdown.css
@@ -1,17 +1,3 @@
 :host {
     display: block;
-}
-
-.tag-input:focus {
-    outline: none !important;
-    box-shadow: none !important;
-}
-
-.pr-8 {
-    padding-right: 2rem !important;
-}
-
-.bg-green-350 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(52,191,113,var(--tw-bg-opacity));
 }
\ No newline at end of file
diff --git a/src/designer/elsa-workflows-studio/src/components/controls/elsa-input-tags/elsa-input-tags-dropdown.tsx b/src/designer/elsa-workflows-studio/src/components/controls/elsa-input-tags/elsa-input-tags-dropdown.tsx
index 72f2dc58f..ff838aa53 100644
--- a/src/designer/elsa-workflows-studio/src/components/controls/elsa-input-tags/elsa-input-tags-dropdown.tsx
+++ b/src/designer/elsa-workflows-studio/src/components/controls/elsa-input-tags/elsa-input-tags-dropdown.tsx
@@ -95,7 +95,7 @@ export class ElsaInputTagsDropdown {
                     </a>
                 ))}
 
-                <select id={this.fieldId} class="inline-block text-xs bg-green-350 text-white py-2 px-3 mr-1 mb-1 pr-8 rounded" onChange={(e) => this.onTagSelected(e)}>
+                <select id={this.fieldId} class="inline-block text-xs bg-green-400 text-white py-2 px-3 mr-1 mb-1 pr-8 rounded" onChange={(e) => this.onTagSelected(e)}>
                     <option value="Add" disabled selected>{this.placeHolder}</option>
                     {this.dropdownTags.map(tag =>
                     (