Correct bug in dropdown rendering (#869)

Limit the insertion of horizontal padding to the specific case which requires it.
w3c · Dec 13, 2023 · 0c686b9 · 0c686b9
1 parent 2e62661
commit 0c686b9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/client/components/TestQueue/AssignTesterDropdown/AssignTesterDropdown.css b/client/components/TestQueue/AssignTesterDropdown/AssignTesterDropdown.css
@@ -24,7 +24,7 @@
     line-height: 2;
 }
 
-.not-assigned {
+.not-assigned.human {
     padding-left: 1.5em;
 }
 

diff --git a/client/components/TestQueue/AssignTesterDropdown/index.jsx b/client/components/TestQueue/AssignTesterDropdown/index.jsx
@@ -128,9 +128,10 @@ const AssignTesterDropdown = ({
                             const testerIsAssigned = isTesterAssigned(
                                 tester.username
                             );
-                            let classname = testerIsAssigned
-                                ? 'assigned'
-                                : 'not-assigned';
+                            const classname = [
+                                testerIsAssigned ? 'assigned' : 'not-assigned',
+                                isBot(tester) ? 'bot' : 'human',
+                            ].join(' ');
                             let icon;
                             if (isBot(tester)) {
                                 const supportedByBot =