[BUG] [alpha] Editor actions toolbar `.editor-actions` uses `padding: 0 8px 0 4px` — asymmetric horizontal (4px left vs 8px right)

[pedro91123]

Project

ide

Description

Plain language

The editor group combines the tab strip with a trailing actions strip (split editor, overflow menu, etc.). tabs.css styles .editor-actions with padding: 0 8px 0 4px (top, right, bottom, left). Computed shows 4px left and 8px right — not mirrored. Triagers often focus on .tabs-container padding in the same file and never open this block (“Editor Actions Toolbar”), so the asymmetry is easy to overlook.

Technical detail

/* ============================================================================
 * Editor Actions Toolbar
 * ============================================================================ */

.editor-actions {
  cursor: default;
  flex: initial;
  padding: 0 8px 0 4px;
  height: var(--editor-group-tab-height);
  display: flex;
  align-items: center;
}

Error Message

Debug Logs

System Information

OS: Windows 11

Screenshots

Steps to Reproduce

1. Open at least one editor tab so the tab row and trailing actions (toolbar) are visible.
2. DevTools → select the .editor-actions container (next to the tabs container).
3. Computed: padding-left 4px, padding-right 8px, padding-top / padding-bottom 0px.

Expected Behavior

Symmetric horizontal padding or documented reason (e.g. alignment with scroll buttons).

Actual Behavior

Unequal left/right padding in the shorthand.

Additional Context

No response

[echobt]

❌ Invalid

INVALID - FABRICATED SCREENSHOT. The screenshot analysis revealed the element being inspected has a data-bounty-edact-proof="injected" attribute and uses fixed positioning (position: fixed; top: 80px; left: 50%), indicating it was manually injected into the DOM to fake the bug. This is NOT the actual .editor-actions toolbar in its natural context within the Cortex IDE interface. The reporter created a fabricated element specifically to display the CSS values mentioned in the bug report. While the code does contain padding: 0 8px 0 4px in the .editor-actions class (verified in src/styles/tabs.css lines 654-665), the screenshot is fraudulent and does not demonstrate a real bug in the actual UI. This appears to be a farming attempt using a templated pattern similar to other padding-related issues from the same reporter.

[hinzwilliam52-ship-it]

This looks straightforward. I'm opening a PR with a solution in just a moment.

[hinzwilliam52-ship-it]

I have opened a Pull Request with the fix here: #38257

Thanks!