From 35d41265d408ef9401a04a5d89c8e88f426880be Mon Sep 17 00:00:00 2001
From: 7PH <benjamin.raymond@sonarsource.com>
Date: Mon, 9 Oct 2023 14:52:00 +0200
Subject: [PATCH] [NO-JIRA] Improve search select styling not to truncate text

---
 .../src/components/input/SearchSelectDropdownControl.tsx      | 2 +-
 .../src/main/js/apps/issues/components/AssigneeSelect.tsx     | 2 +-
 .../components/QualityGatePermissionsAddModalRenderer.tsx     | 4 ++--
 .../src/main/js/components/issue/components/IssueAssign.tsx   | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/server/sonar-web/design-system/src/components/input/SearchSelectDropdownControl.tsx b/server/sonar-web/design-system/src/components/input/SearchSelectDropdownControl.tsx
index bba4a3623a7..71c64b2a831 100644
--- a/server/sonar-web/design-system/src/components/input/SearchSelectDropdownControl.tsx
+++ b/server/sonar-web/design-system/src/components/input/SearchSelectDropdownControl.tsx
@@ -116,7 +116,7 @@ const StyledControl = styled.div`
   ${tw`sw-px-3`};
   ${tw`sw-body-sm`};
   ${tw`sw-h-control`};
-  ${tw`sw-leading-4`};
+  ${tw`sw-leading-6`};
   ${tw`sw-cursor-pointer`};
 
   &.is-discreet {
diff --git a/server/sonar-web/src/main/js/apps/issues/components/AssigneeSelect.tsx b/server/sonar-web/src/main/js/apps/issues/components/AssigneeSelect.tsx
index 56df9ef1fe2..329a99c502b 100644
--- a/server/sonar-web/src/main/js/apps/issues/components/AssigneeSelect.tsx
+++ b/server/sonar-web/src/main/js/apps/issues/components/AssigneeSelect.tsx
@@ -45,7 +45,7 @@ function userToOption(user: RestUser | UserActive) {
   return {
     value: user.login,
     label: isUserActive(user) ? userInfo : translateWithParameters('user.x_deleted', userInfo),
-    Icon: <Avatar hash={user.avatar} name={user.name} size="xs" />,
+    Icon: <Avatar hash={user.avatar} name={user.name} size="xs" className="sw-my-1" />,
   };
 }
 
diff --git a/server/sonar-web/src/main/js/apps/quality-gates/components/QualityGatePermissionsAddModalRenderer.tsx b/server/sonar-web/src/main/js/apps/quality-gates/components/QualityGatePermissionsAddModalRenderer.tsx
index bf4200dd188..48a2f5c5167 100644
--- a/server/sonar-web/src/main/js/apps/quality-gates/components/QualityGatePermissionsAddModalRenderer.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-gates/components/QualityGatePermissionsAddModalRenderer.tsx
@@ -111,7 +111,7 @@ function OptionRenderer({
       {isUser(option) ? (
         <>
           <Avatar
-            className={small ? 'sw-my-1/2' : ''}
+            className={small ? 'sw-my-1' : ''}
             hash={option.avatar}
             name={option.name}
             size={small ? 'xs' : 'sm'}
@@ -124,7 +124,7 @@ function OptionRenderer({
       ) : (
         <>
           <GenericAvatar
-            className={small ? 'sw-my-1/2' : ''}
+            className={small ? 'sw-my-1' : ''}
             Icon={UserGroupIcon}
             name={option.name}
             size={small ? 'xs' : 'sm'}
diff --git a/server/sonar-web/src/main/js/components/issue/components/IssueAssign.tsx b/server/sonar-web/src/main/js/components/issue/components/IssueAssign.tsx
index ca3de9fff1b..dc2dff2d815 100644
--- a/server/sonar-web/src/main/js/components/issue/components/IssueAssign.tsx
+++ b/server/sonar-web/src/main/js/components/issue/components/IssueAssign.tsx
@@ -40,7 +40,7 @@ const minSearchLength = 2;
 const UNASSIGNED = { value: '', label: translate('unassigned') };
 
 const renderAvatar = (name?: string, avatar?: string) => (
-  <Avatar hash={avatar} name={name} size="xs" />
+  <Avatar hash={avatar} name={name} size="xs" className="sw-my-1" />
 );
 
 export default function IssueAssignee(props: Props) {
-- 
2.39.5