From 162e7a56d6d5184827c69d2b10732d2fb561c2f6 Mon Sep 17 00:00:00 2001
From: Eva Marco <evamarcod@gmail.com>
Date: Mon, 26 Feb 2024 13:15:54 +0100
Subject: [PATCH] :bug: Fix rotate icons in comments

---
 frontend/src/app/main/ui/workspace/comments.cljs       | 2 +-
 frontend/src/app/main/ui/workspace/comments.scss       | 5 ++---
 frontend/src/app/main/ui/workspace/sidebar/layers.scss | 2 +-
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/frontend/src/app/main/ui/workspace/comments.cljs b/frontend/src/app/main/ui/workspace/comments.cljs
index 35df73bdd..26b52d3af 100644
--- a/frontend/src/app/main/ui/workspace/comments.cljs
+++ b/frontend/src/app/main/ui/workspace/comments.cljs
@@ -128,7 +128,7 @@
       [:span {:class (stl/css :mode-label)} (case (:mode local)
                                               (nil :all) (tr "labels.show-all-comments")
                                               :yours     (tr "labels.show-your-comments"))]
-      [:div {:class (stl/css :icon)} i/arrow-refactor]]
+      [:div {:class (stl/css :arrow-icon)} i/arrow-refactor]]
 
      [:& dropdown {:show options?
                    :on-close #(reset! state* false)}
diff --git a/frontend/src/app/main/ui/workspace/comments.scss b/frontend/src/app/main/ui/workspace/comments.scss
index 7e64da75d..972d24ed4 100644
--- a/frontend/src/app/main/ui/workspace/comments.scss
+++ b/frontend/src/app/main/ui/workspace/comments.scss
@@ -64,9 +64,8 @@
   justify-content: flex-start;
 }
 
-.icon {
+.arrow-icon {
   @include flexCenter;
-  padding-right: 8px;
   height: $s-24;
   width: $s-24;
   svg {
@@ -78,7 +77,7 @@
 
 .comment-mode-dropdown {
   @extend .dropdown-wrapper;
-  top: $s-80;
+  top: $s-92;
   left: $s-12;
   width: $s-256;
 }
diff --git a/frontend/src/app/main/ui/workspace/sidebar/layers.scss b/frontend/src/app/main/ui/workspace/sidebar/layers.scss
index af243f252..5e1d175e5 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/layers.scss
+++ b/frontend/src/app/main/ui/workspace/sidebar/layers.scss
@@ -12,7 +12,7 @@
   justify-content: space-between;
   height: $s-32;
   min-height: $s-32;
-  margin: $s-4 0 $s-4 $s-8;
+  margin: $s-8 0 $s-4 $s-8;
   padding-right: $s-8;
 
   &.search {