From b2d8f807f95c591b4667e98c2eec497ab5935ff6 Mon Sep 17 00:00:00 2001
From: Eva <eva.marco@kaleidos.net>
Date: Tue, 17 Jan 2023 11:48:18 +0100
Subject: [PATCH] :bug: Fix alignment inside dropdown

---
 .../main/partials/sidebar-element-options.scss  | 17 +++++++++++++----
 .../app/main/ui/components/editable_select.cljs |  4 ++--
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/frontend/resources/styles/main/partials/sidebar-element-options.scss b/frontend/resources/styles/main/partials/sidebar-element-options.scss
index 32228a0a4..0b8815707 100644
--- a/frontend/resources/styles/main/partials/sidebar-element-options.scss
+++ b/frontend/resources/styles/main/partials/sidebar-element-options.scss
@@ -348,11 +348,23 @@
       cursor: pointer;
       font-size: $fs14;
       display: flex;
+      justify-content: start;
       padding: $size-2;
 
       span {
         color: $color-gray-20;
-        margin-left: auto;
+        display: flex;
+        justify-content: start;
+        align-items: center;
+        &:not(:first-child) {
+          margin-left: 10px;
+        }
+      }
+
+      .check-icon {
+        min-width: 25px;
+        color: $color-gray-20;
+        justify-content: center;
       }
 
       &.dropdown-separator:not(:last-child) {
@@ -375,11 +387,8 @@
 
   & li.checked-element {
     padding-left: 0;
-    display: flex;
-    justify-content: space-around;
 
     & span {
-      margin: 0;
       color: $color-black;
     }
 
diff --git a/frontend/src/app/main/ui/components/editable_select.cljs b/frontend/src/app/main/ui/components/editable_select.cljs
index 4c1b0d6ed..32c43aff2 100644
--- a/frontend/src/app/main/ui/components/editable_select.cljs
+++ b/frontend/src/app/main/ui/components/editable_select.cljs
@@ -172,5 +172,5 @@
               {:key (str (:id @state) "-" index)
                :class (when (= (str value) (-> @state :current-value)) "is-selected")
                :on-click (select-item value)}
-              [:span.checked-element-value label]
-              [:span.check-icon i/tick]])))]]]))
+              [:span.check-icon i/tick]
+              [:span.checked-element-value label]])))]]]))