From d9dc27c2b836e33648dddac5ee5fb669627259aa Mon Sep 17 00:00:00 2001
From: aignatov-bio <47317017+aignatov-bio@users.noreply.github.com>
Date: Tue, 22 Feb 2022 12:07:46 +0100
Subject: [PATCH] Small UX fixes for filters [SCI-6569] (#3881)

Co-authored-by: Anton <anton@scinote.net>
---
 app/assets/stylesheets/repository/filters.scss       |  5 +++--
 app/assets/stylesheets/shared/dropdown_selector.scss | 12 +++++-------
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/app/assets/stylesheets/repository/filters.scss b/app/assets/stylesheets/repository/filters.scss
index 07bf8c8ee..e7e26f57e 100644
--- a/app/assets/stylesheets/repository/filters.scss
+++ b/app/assets/stylesheets/repository/filters.scss
@@ -236,8 +236,9 @@
   }
 }
 
-
 #saveRepositoryFilters {
+  padding-left: 0;
+
   .dropdown-menu {
     width: 320px;
 
@@ -255,4 +256,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/app/assets/stylesheets/shared/dropdown_selector.scss b/app/assets/stylesheets/shared/dropdown_selector.scss
index f3b228435..e0ac8d6be 100644
--- a/app/assets/stylesheets/shared/dropdown_selector.scss
+++ b/app/assets/stylesheets/shared/dropdown_selector.scss
@@ -159,9 +159,9 @@
     }
 
     .delimiter {
-      background: $color-alto;
+      background: $color-concrete;
       height: 1px;
-      margin: 5px 16px;
+      margin: 5px 0;
     }
 
     .dropdown-select-all {
@@ -227,7 +227,9 @@
         color: $color-white;
         content: "";
         flex-shrink: 0;
-        font-size: calc(var(--sci-checkbox-size) - var(--sci-checkbox-size) * .375);
+        font-size: calc(
+          var(--sci-checkbox-size) - var(--sci-checkbox-size) * .375
+        );
         height: var(--sci-checkbox-size);
         line-height: calc(var(--sci-checkbox-size) - 2px);
         margin-right: 8px;
@@ -273,7 +275,6 @@
       }
 
       &.select {
-
         .group-name.checkbox-icon {
           background: $color-concrete;
 
@@ -331,7 +332,6 @@
   }
 
   &.open {
-
     .input-field {
       border-radius: 4px 4px 0 0;
       z-index: 12;
@@ -354,7 +354,6 @@
     }
 
     &.inverse {
-
       .input-field {
         border-bottom: 1px solid $color-alto;
         border-radius: 0 0 4px 4px;
@@ -404,7 +403,6 @@
   }
 
   &.disabled {
-
     .input-field {
       background: $color-concrete;