chore: Change size of assignee dropdown in header (#2027)

* Chore: Change size of assignee dropdown in header

* Fix: prevent overflow of agent name in multselect

app/javascript/dashboard/assets/scss/plugins/_multiselect.scss

@@ -118,6 +118,8 @@
   }
 
   .multiselect__single {
+    @include text-ellipsis;
+    display: inline-block;
     margin-bottom: 0;
     padding: var(--space-slab) var(--space-one);
   }

app/javascript/dashboard/assets/scss/widgets/_conv-header.scss

@@ -11,11 +11,12 @@ $resolve-button-width: 13.2rem;
   .multiselect-box {
     @include flex;
     @include flex-align($x: justify, $y: middle);
-    @include border-light;
-    border-radius: $space-smaller;
+    border: 1px solid var(--color-border);
+    border-radius: var(--space-smaller);
     margin-right: var(--space-small);
+    width: 20.2rem;
 
-    &::before {
+    .icon {
       color: $medium-gray;
       font-size: $font-size-default;
       line-height: 3.8rem;
@@ -25,6 +26,7 @@ $resolve-button-width: 13.2rem;
 
     .multiselect {
       margin: 0;
+      min-width: 0;
 
       .multiselect__tags {
         border: 0;

app/javascript/dashboard/components/widgets/conversation/ConversationHeader.vue

@@ -30,7 +30,8 @@
       class="header-actions-wrap"
       :class="{ 'has-open-sidebar': isContactPanelOpen }"
     >
-      <div class="multiselect-box ion-headphone">
+      <div class="multiselect-box multiselect-wrap--small">
+        <i class="icon ion-headphone" />
         <multiselect
           v-model="currentChat.meta.assignee"
           :allow-empty="true"