[BUG] [alpha] Kill Process on Port “Kill” button appears disproportionately compact compared to surrounding controls

[ms1112]

Project

ide

Description

In the “Kill Process on Port” dialog, the “Kill” action button in each process row appears noticeably smaller and more compact than other interactive controls in the same modal (e.g., “Find Process” button or input elements). The button has a visibly short height and tight horizontal spacing, making the label appear compressed and reducing its visual prominence. This creates an imbalance in visual hierarchy, where a critical destructive action is less noticeable than secondary controls.

Error Message

Debug Logs

System Information

OS: Ubuntu 22.04.5 LTS
CPU: 13th Gen Intel(R) Core(TM) i9-13900K
RAM: 16 GB

Screenshots

Steps to Reproduce

Open the “Kill Process on Port” dialog
Trigger a search that displays process rows
Observe the “Kill” button on the right side of each row
Compare its size and emphasis with other buttons in the dialog

Expected Behavior

The “Kill” button should have consistent size and visual weight with other buttons in the dialog, ensuring it is clearly visible and easy to interact with.

Actual Behavior

The “Kill” button appears smaller and more compressed than surrounding controls, reducing visibility and making it less prominent despite being a primary action.

Additional Context

This may impact usability, especially when quickly scanning or interacting with multiple process rows.

[echobt]

✅ Validated

VALID BUG - The screenshot and code both confirm the issue.

Evidence:

1. Screenshot shows the "Kill Process on Port" dialog with the compact "Kill" button, and developer tools confirm the CSS: height: 24px; padding: 0 8px

2. Code analysis in src/components/terminal/KillPortDialog.tsx (line ~595) shows the Kill button uses size="sm" which maps to xs in the button system

3. In src/components/cortex/primitives/CortexButton.tsx, the xs size has height: "24px" and padding: "0 8px", while the default "Find Process" button (no size prop = "md") maps to sm with height: "32px" and padding: "0 12px"

4. The Kill button is indeed disproportionately compact (24px vs 32px height) compared to other controls, reducing visibility of this critical destructive action.

This is a real UI bug affecting usability, not a cosmetic preference. The component is fully accessible through the Terminal menu → "Kill Process on Port" command.