fix: reply pill always visible, bigger touch targets, z-index

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

ui/colony/src/components/MessageItem.tsx

@@ -152,28 +152,26 @@ export function MessageItem({ message, replyTarget, onReply, onDelete, currentUs
         </div>
 
         {/* Floating action pill — top-right, appears on hover */}
-        {!isDeleted && (
+        <div className="absolute -top-3 right-3 md:opacity-0 md:translate-y-1 md:group-hover:opacity-100 md:group-hover:translate-y-0 transition-all duration-150 flex border-2 border-border bg-card shadow-lg z-10">
-          <div className="absolute -top-3 right-3 md:opacity-0 md:translate-y-1 md:group-hover:opacity-100 md:group-hover:translate-y-0 transition-all duration-150 flex border-2 border-border bg-card shadow-lg">
+          <button
+            type="button"
+            onClick={() => onReply(message.id)}
+            className="px-2.5 py-1.5 text-sm text-muted-foreground hover:text-primary hover:bg-muted/50 transition-colors"
+            title="Reply"
+          >
+            ↩
+          </button>
+          {!isDeleted && message.user.username === currentUsername && (
             <button
               type="button"
-              onClick={() => onReply(message.id)}
+              onClick={() => onDelete(message.channel_id, message.id)}
-              className="px-2 py-1 text-xs text-muted-foreground hover:text-primary hover:bg-muted/50 transition-colors"
+              className="px-2.5 py-1.5 text-sm text-muted-foreground hover:text-destructive hover:bg-destructive/10 transition-colors border-l-2 border-border"
-              title="Reply"
+              title="Delete"
             >
-              ↩
+              ×
             </button>
-            {message.user.username === currentUsername && (
+          )}
-              <button
+        </div>
-                type="button"
-                onClick={() => onDelete(message.channel_id, message.id)}
-                className="px-2 py-1 text-xs text-muted-foreground hover:text-destructive hover:bg-destructive/10 transition-colors border-l-2 border-border"
-                title="Delete"
-              >
-                ×
-              </button>
-            )}
-          </div>
-        )}
 
         {/* Content */}
         <div className={cn(