Skip to content

Fix vertical alignment of Last Synced label in Settings header#294663

Merged
rzhao271 merged 2 commits intomainfrom
copilot/fix-edit-json-button-alignment
Feb 12, 2026
Merged

Fix vertical alignment of Last Synced label in Settings header#294663
rzhao271 merged 2 commits intomainfrom
copilot/fix-edit-json-button-alignment

Conversation

Copy link
Contributor

Copilot AI commented Feb 11, 2026

The "Last synced" label in the Settings editor header was vertically misaligned with the adjacent "Edit as JSON" button due to padding-top: 7px on .last-synced-label interfering with the parent flexbox container's align-items: center.

Removed the conflicting padding. The parent .settings-right-controls flex container now properly centers both elements.

Changed:

  • src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css - Removed padding-top: 7px from .last-synced-label
Original prompt

This section details on the original issue you should resolve

<issue_title>Edit as JSON button alignment looks off</issue_title>
<issue_description>Image

Since the button is next to raw text the alignment looks off.</issue_description>

<agent_instructions>Move up the Last Synced label in the Settings editor so it is aligned with the Edit as JSON button.</agent_instructions>

Comments on the Issue (you are @copilot in this section)


💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

…button

Co-authored-by: rzhao271 <7199958+rzhao271@users.noreply.github.com>
Copilot AI changed the title [WIP] Fix alignment of Edit as JSON button with Last Synced label Fix vertical alignment of Last Synced label in Settings header Feb 11, 2026
Copilot AI requested a review from rzhao271 February 11, 2026 19:54
@rzhao271 rzhao271 marked this pull request as ready for review February 12, 2026 00:46
Copilot AI review requested due to automatic review settings February 12, 2026 00:46
@rzhao271 rzhao271 enabled auto-merge (squash) February 12, 2026 00:46
@rzhao271 rzhao271 added this to the February 2026 milestone Feb 12, 2026
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Fixes a UI alignment issue in the Settings editor header where the “Last synced” label was vertically misaligned relative to the adjacent “Edit as JSON” button due to conflicting child padding inside a flex container.

Changes:

  • Removed padding-top: 7px from .last-synced-label so the parent flex container’s align-items: center can correctly vertically center the label.
  • Keeps existing styling (opacity) unchanged.

@rzhao271 rzhao271 merged commit 386be26 into main Feb 12, 2026
24 checks passed
@rzhao271 rzhao271 deleted the copilot/fix-edit-json-button-alignment branch February 12, 2026 01:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Edit as JSON button alignment looks off

3 participants

Comments