UX: better outline support in sk components (#9510)

UX: better outline support in sk components (#9510)

diff --git a/app/assets/javascripts/select-kit/components/select-kit.js b/app/assets/javascripts/select-kit/components/select-kit.js
index 4fdbd62..e0307c2 100644
--- a/app/assets/javascripts/select-kit/components/select-kit.js
+++ b/app/assets/javascripts/select-kit/components/select-kit.js
@@ -839,6 +839,12 @@ export default Component.extend(
           placement: this.selectKit.options.placement,
           modifiers: [
             {
+              name: "offset",
+              options: {
+                offset: [0, 2]
+              }
+            },
+            {
               name: "positionWrapper",
               phase: "afterWrite",
               enabled: true,
diff --git a/app/assets/stylesheets/common/select-kit/mini-tag-chooser.scss b/app/assets/stylesheets/common/select-kit/mini-tag-chooser.scss
index 1bbfe3f..27c302e 100644
--- a/app/assets/stylesheets/common/select-kit/mini-tag-chooser.scss
+++ b/app/assets/stylesheets/common/select-kit/mini-tag-chooser.scss
@@ -4,12 +4,6 @@
       margin-bottom: 5px;
       margin-left: 5px;
 
-      &.is-expanded {
-        .select-kit-header {
-          border: 1px solid $tertiary;
-        }
-      }
-
       &.no-tags {
         .select-kit-header .selected-name {
           color: $primary-medium;
diff --git a/app/assets/stylesheets/common/select-kit/select-kit.scss b/app/assets/stylesheets/common/select-kit/select-kit.scss
index 65a2125..627325e 100644
--- a/app/assets/stylesheets/common/select-kit/select-kit.scss
+++ b/app/assets/stylesheets/common/select-kit/select-kit.scss
@@ -34,6 +34,10 @@
       box-sizing: border-box;
       width: 100%;
     }
+
+    .select-kit-header {
+      outline: 1px solid $tertiary;
+    }
   }
 
   &.is-loading {

GitHub sha: 5c45363e

This commit appears in #9510 which was merged by jjaffeux.