[BUG] [alpha] Main page top toolbar — “New File” plus (`+`) button has no vertical margin and no padding

[alexander59green]

Project

ide

Description

On the main page top toolbar, the + action button (accessible name New File (Ctrl+N)) fills the toolbar height (height: 100% in a ~36px-tall row). DevTools shows no vertical margin (margin: 0px 0px 0px 8px — only left margin) and no visible internal padding between the glyph and the top/bottom edges of the hit target. The control looks edge-to-edge vertically, which is cramped and inconsistent with comfortable toolbar button spacing.

Error Message

Debug Logs

System Information

OS:UBUNTU 22.4

Screenshots

Steps to Reproduce

1. Open the main IDE window on the home/session view with the top toolbar visible.
2. Inspect the + toolbar button in DevTools.
3. Check computed margin (especially vertical) and padding on the button.

Expected Behavior

• The + button should have appropriate vertical margin and/or padding so the icon is not flush against the toolbar top and bottom, matching other toolbar controls.

Actual Behavior

• The button has no vertical margin and no effective padding; it stretches full toolbar height.

Additional Context

No response

[echobt]

✅ Validated

VALID bug report. The screenshot shows the actual Cortex IDE interface with the '+' (New File) button being inspected in DevTools, confirming it has height: 100% and only left margin (margin: 0px 0px 0px 8px) with no vertical margin or internal padding.

Verified in source code at src/components/editor/TabBar.tsx (lines ~1050-1070):

• The button uses height: "100%" which fills the full 36px toolbar height
• Only margin-left: tokens.spacing.sm is applied - no vertical margins
• No padding between the '+' icon and button edges
• This creates a cramped, edge-to-edge appearance inconsistent with comfortable toolbar button spacing

The component is accessible - it's part of the main editor tab bar that users see when files are open. This is a legitimate UI polish bug affecting visual consistency.