style: anon recruitment button improvements

truncate url, make entire badge component appear clickable to user using cursor pointer
complexdatacollective · Jan 29, 2024 · 4fc934f · 4fc934f
1 parent f529b05
commit 4fc934f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/app/(dashboard)/dashboard/_components/ProtocolsTable/AnonymousRecruitmentURLButton.tsx b/app/(dashboard)/dashboard/_components/ProtocolsTable/AnonymousRecruitmentURLButton.tsx
@@ -40,8 +40,8 @@ export const AnonymousRecruitmentURLButton = ({
   return (
     <>
       {allowAnonymousRecruitment ? (
-        <Badge onClick={handleCopyClick}>
-          {url}
+        <Badge onClick={handleCopyClick} className="cursor-pointer">
+          <p className="w-36 truncate">{url}</p>
           <Copy className="ml-2 h-4 w-4" />
         </Badge>
       ) : (