From d59ed1cbfe9a8623a63a074b67b73cdf8f758455 Mon Sep 17 00:00:00 2001
From: chapoi <101828855+chapoi@users.noreply.github.com>
Date: Sun, 15 Jan 2023 23:09:23 +0100
Subject: [PATCH] UX: fix alignment issues with autocomplete (#19828)

---
 .../components/email-group-user-chooser-row.hbs    | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/app/assets/javascripts/select-kit/addon/templates/components/email-group-user-chooser-row.hbs b/app/assets/javascripts/select-kit/addon/templates/components/email-group-user-chooser-row.hbs
index 3a293eaadc8..edfe7ced3bd 100644
--- a/app/assets/javascripts/select-kit/addon/templates/components/email-group-user-chooser-row.hbs
+++ b/app/assets/javascripts/select-kit/addon/templates/components/email-group-user-chooser-row.hbs
@@ -1,16 +1,20 @@
 {{#if this.item.isUser}}
   {{avatar this.item imageSize="tiny"}}
-  <span class="identifier">{{format-username this.item.id}}</span>
-  <span class="name">{{this.item.name}}</span>
+  <div>
+    <span class="identifier">{{format-username this.item.id}}</span>
+    <span class="name">{{this.item.name}}</span>
+  </div>
   {{#if (and this.item.showUserStatus this.item.status)}}
     <UserStatusMessage @status={{this.item.status}} @showDescription={{true}} />
   {{/if}}
   {{decorate-username-selector this.item.id}}
 {{else if this.item.isGroup}}
   {{d-icon "users"}}
-  <span class="identifier">{{this.item.id}}</span>
-  <span class="name">{{this.item.full_name}}</span>
+  <div>
+    <span class="identifier">{{this.item.id}}</span>
+    <span class="name">{{this.item.full_name}}</span>
+  </div>
 {{else}}
   {{d-icon "envelope"}}
   <span class="identifier">{{this.item.id}}</span>
-{{/if}}
\ No newline at end of file
+{{/if}}