Fix affiliate table overlap

Adjusted affiliate table styling to prevent element overlap.

Author: lovable-dev[bot]

src/components/AffiliateTableRow.tsx

@@ -19,18 +19,18 @@ interface AffiliateTableRowProps {
 export const AffiliateTableRow = ({ affiliate, onEdit, onCopyTrackingLink, onDelete }: AffiliateTableRowProps) => {
   return (
     <TableRow className="hover:bg-slate-50">
-      <TableCell className="w-1/4 max-w-0 overflow-hidden">
-        <div className="space-y-1 truncate">
+      <TableCell className="w-[30%] max-w-0 overflow-hidden">
+        <div className="space-y-1">
           <div className="font-medium text-slate-900 truncate">{affiliate.name}</div>
           <Badge variant="outline" className="text-xs truncate max-w-full">
             <span className="truncate">{affiliate.email}</span>
           </Badge>
         </div>
       </TableCell>
-      <TableCell className="w-1/6 max-w-0 overflow-hidden">
-        <div className="flex items-center gap-1 text-sm text-slate-600 truncate">
+      <TableCell className="w-[15%] max-w-0 overflow-hidden">
+        <div className="flex items-center gap-1 text-sm text-slate-600">
           <Hash className="h-3 w-3 flex-shrink-0" />
-          <span className="font-mono truncate">{affiliate.trackingCode}</span>
+          <span className="font-mono truncate text-xs">{affiliate.trackingCode}</span>
         </div>
       </TableCell>
       <TableCell>

src/components/AffiliatesManagementTable.tsx

@@ -68,12 +68,12 @@ export const AffiliatesManagementTable = ({ campaignId, onCopyTrackingLink }: Af
           <Table className="w-full table-fixed" style={{ width: '100%', maxWidth: '100%' }}>
           <TableHeader>
             <TableRow className="bg-slate-50">
-              <TableHead className="w-1/4 min-w-0">Affilié</TableHead>
-              <TableHead className="w-1/6 min-w-0">Code de suivi</TableHead>
-              <TableHead className="w-1/6 min-w-0">Date d'ajout</TableHead>
-              <TableHead className="w-1/6 min-w-0">Performances</TableHead>
-              <TableHead className="w-1/6 min-w-0">Paiements</TableHead>
-              <TableHead className="w-1/6 min-w-0 text-right">Actions</TableHead>
+              <TableHead className="w-[30%] min-w-0">Affilié</TableHead>
+              <TableHead className="w-[15%] min-w-0">Code de suivi</TableHead>
+              <TableHead className="w-[15%] min-w-0">Date d'ajout</TableHead>
+              <TableHead className="w-[15%] min-w-0">Performances</TableHead>
+              <TableHead className="w-[15%] min-w-0">Paiements</TableHead>
+              <TableHead className="w-[10%] min-w-0 text-right">Actions</TableHead>
             </TableRow>
           </TableHeader>
           <TableBody>