update

frontend/src/pages/Deals.jsx

@@ -458,7 +458,7 @@ function DealRow({
                 </Select>
             </td>
             <td className="px-3 py-2 align-top" onClick={(e) => e.stopPropagation()}>
-                {isAdmin && tableEditRowId === deal.id ? (
+                {isAdmin ? (
                     <Select
                         value={
                             deal.owner_user_id != null && deal.owner_user_id !== ''
@@ -473,14 +473,25 @@ function DealRow({
                             }
                         }}
                     >
-                        <SelectTrigger className="h-8 min-w-[10rem] border-slate-200 shadow-none text-xs">
-                            <span className="truncate">
-                                {deal.owner_user_id == null
-                                    ? 'Unassigned'
-                                    : deal.owner_display_name ||
-                                      deal.owner_initials ||
-                                      `User ${deal.owner_user_id}`}
-                            </span>
+                        <SelectTrigger
+                            className={cn(
+                                'h-9 min-w-[10.5rem] max-w-[14rem] border-slate-200 shadow-none px-2 py-1',
+                                'gap-2 [&>svg]:shrink-0'
+                            )}
+                            title="Change owner"
+                        >
+                            <div className="flex min-w-0 flex-1 items-center gap-2 text-left">
+                                <div className="flex h-8 w-8 shrink-0 items-center justify-center rounded-full border border-violet-200 bg-violet-100 text-xs font-semibold text-violet-800">
+                                    {(deal.owner_initials || '?').toString().slice(0, 2).toUpperCase()}
+                                </div>
+                                <span className="truncate text-xs font-medium text-slate-800">
+                                    {deal.owner_user_id == null
+                                        ? 'Unassigned'
+                                        : deal.owner_display_name ||
+                                          deal.owner_initials ||
+                                          `User ${deal.owner_user_id}`}
+                                </span>
+                            </div>
                         </SelectTrigger>
                         <SelectContent className="min-w-[12rem]">
                             <SelectItem value={EMPTY_OWNER_KEY}>Unassigned</SelectItem>
@@ -977,7 +988,7 @@ export default function Deals() {
     return (
         <AppShell
             title="Deals"
-            subtitle="Pipeline by stage and owner. Members see their deals and unassigned deals; admins see all and can assign owners (edit row → Owner)."
+            subtitle="Pipeline by stage and owner. Members see their deals and unassigned deals; admins see all and can assign owners from the Owner column."
         >
             <MainTableWorkspace
                 tabs={[