From e1b2ad921534cb3b4a74d14608b46a9d54625699 Mon Sep 17 00:00:00 2001
From: Mary Hipp <maryhipp@Marys-MacBook-Air.local>
Date: Wed, 23 Oct 2024 11:42:56 -0400
Subject: [PATCH] bump description to two lines and bolden name if descriptoin
 is present

---
 lib/components/combobox/custom-option.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/lib/components/combobox/custom-option.tsx b/lib/components/combobox/custom-option.tsx
index 46e1433..1eaf4b5 100644
--- a/lib/components/combobox/custom-option.tsx
+++ b/lib/components/combobox/custom-option.tsx
@@ -33,9 +33,9 @@ export const CustomOptionComponent = typedMemo(({ children, ...props }: CustomOp
               {props.data.icon}
             </Flex>
             <Flex flexDir="column">
-              <Text>{children}</Text>
+              <Text fontWeight={props.data.description ? "semibold" : undefined}>{children}</Text>
               {props.data.description && (
-                <Text data-option-desc fontSize="sm" colorScheme="base" variant="subtext" noOfLines={1}>
+                <Text data-option-desc fontSize="sm" colorScheme="base" variant="subtext" noOfLines={2}>
                   {props.data.description}
                 </Text>
               )}
@@ -50,9 +50,9 @@ export const CustomOptionComponent = typedMemo(({ children, ...props }: CustomOp
     <chakraComponents.Option {...props}>
       <Tooltip label={props.data.tooltip}>
         <Flex w="full" h="full" flexDir="column" p={1} px={4}>
-          <Text>{children}</Text>
+          <Text fontWeight={props.data.description ? "semibold" : undefined}>{children}</Text>
           {props.data.description && (
-            <Text data-option-desc fontSize="sm" colorScheme="base" variant="subtext" noOfLines={1}>
+            <Text data-option-desc fontSize="sm" colorScheme="base" variant="subtext" noOfLines={2}>
               {props.data.description}
             </Text>
           )}