Skip to content

settings_ui: Improve control alignment for multiline settings rows#49850

Merged
danilo-leal merged 2 commits intozed-industries:mainfrom
altaywtf:fix/settings-ui-control-alignment
Feb 24, 2026
Merged

settings_ui: Improve control alignment for multiline settings rows#49850
danilo-leal merged 2 commits intozed-industries:mainfrom
altaywtf:fix/settings-ui-control-alignment

Conversation

@altaywtf
Copy link
Copy Markdown
Contributor

@altaywtf altaywtf commented Feb 22, 2026

Closes #49848

Before you mark this PR as ready for review, make sure that you have:

  • Added a solid test coverage and/or screenshots from doing manual testing
  • Done a self-review taking into account security and performance aspects
  • Aligned any UI changes with the UI checklist

Summary

Align right-side controls in settings rows when descriptions wrap to multiple lines, and relax the text-width cap for better balance.

Changes

  • Top-aligned settings row containers in shared settings UI render paths by adding items_start() to:
    • Setting rows (render_settings_item)
    • Sub-page link rows
    • Action link rows
  • Updated the left text column width constraint in render_settings_item from w_3_4 to w_full + max_w_2_3 + min_w_0 to avoid overlap while reducing excess empty space.

Validation

  • Built and ran Zed locally with cargo run.

  • Manual verification in Settings pages with multiline descriptions and right-side controls:

    • General
    • Appearance
    • Languages & Tools
    • Agent/Terminal-related sections
  • Confirmed improved control alignment and no right-column text overlap in the tested views.

    Before After
    1-before 1-after
    2-before 2-after

Linked Issues

Release Notes:

  • Fixed settings row layout so right-side controls align better with multiline setting descriptions.

@cla-bot
Copy link
Copy Markdown

cla-bot bot commented Feb 22, 2026

We require contributors to sign our Contributor License Agreement, and we don't have @altaywtf on file. You can sign our CLA at https://zed.dev/cla. Once you've signed, post a comment here that says '@cla-bot check'.

@zed-community-bot zed-community-bot bot added the first contribution the author's first pull request to Zed. NOTE: the label application is automated via github actions label Feb 22, 2026
@altaywtf
Copy link
Copy Markdown
Contributor Author

@cla-bot check

@cla-bot cla-bot bot added the cla-signed The user has signed the Contributor License Agreement label Feb 22, 2026
@cla-bot
Copy link
Copy Markdown

cla-bot bot commented Feb 22, 2026

The cla-bot has been summoned, and re-checked this pull request!

@altaywtf altaywtf marked this pull request as ready for review February 22, 2026 18:16
@maxdeviant maxdeviant changed the title settings_ui: improve control alignment for multiline settings rows settings_ui: Improve control alignment for multiline settings rows Feb 22, 2026
Copy link
Copy Markdown
Member

@danilo-leal danilo-leal left a comment

Choose a reason for hiding this comment

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

Thank you! I've removed all the item_starts because I do want to keep things centered-aligned. But the width fix is a good one, so we're keeping that :) Appreciate it!

@danilo-leal danilo-leal enabled auto-merge (squash) February 24, 2026 01:51
@danilo-leal danilo-leal merged commit da6ff30 into zed-industries:main Feb 24, 2026
27 checks passed
Anthony-Eid pushed a commit to bobbymannino/zed that referenced this pull request Feb 25, 2026
…ed-industries#49850)

Closes zed-industries#49848

Before you mark this PR as ready for review, make sure that you have:
- [ ] Added a solid test coverage and/or screenshots from doing manual
testing
- [x] Done a self-review taking into account security and performance
aspects
- [x] Aligned any UI changes with the [UI
checklist](https://github.com/zed-industries/zed/blob/main/CONTRIBUTING.md#uiux-checklist)

## Summary
Align right-side controls in settings rows when descriptions wrap to
multiple lines, and relax the text-width cap for better balance.

## Changes
- Top-aligned settings row containers in shared settings UI render paths
by adding `items_start()` to:
  - Setting rows (`render_settings_item`)
  - Sub-page link rows
  - Action link rows
- Updated the left text column width constraint in
`render_settings_item` from `w_3_4` to `w_full + max_w_2_3 + min_w_0` to
avoid overlap while reducing excess empty space.

## Validation
- Built and ran Zed locally with `cargo run`.
- Manual verification in Settings pages with multiline descriptions and
right-side controls:
  - General
  - Appearance
  - Languages & Tools
  - Agent/Terminal-related sections
- Confirmed improved control alignment and no right-column text overlap
in the tested views.

  | Before | After |
  |---|---|
|
![1-before](https://github.com/user-attachments/assets/bf548d15-a1a6-4917-81ac-0a1afefa2ea1)
|
![1-after](https://github.com/user-attachments/assets/47a61610-7b74-48bd-838d-e39e3b578d19)
|
|
![2-before](https://github.com/user-attachments/assets/92c0bd32-9772-42f4-be98-b1818556fa80)
|
![2-after](https://github.com/user-attachments/assets/188e0fdf-91ea-49bf-9648-9177107d94c9)
|







## Linked Issues
- zed-industries#49848

Release Notes:

- Fixed settings row layout so right-side controls align better with
multiline setting descriptions.

---------

Co-authored-by: Danilo Leal <[email protected]>
tahayvr pushed a commit to tahayvr/zed that referenced this pull request Mar 4, 2026
…ed-industries#49850)

Closes zed-industries#49848

Before you mark this PR as ready for review, make sure that you have:
- [ ] Added a solid test coverage and/or screenshots from doing manual
testing
- [x] Done a self-review taking into account security and performance
aspects
- [x] Aligned any UI changes with the [UI
checklist](https://github.com/zed-industries/zed/blob/main/CONTRIBUTING.md#uiux-checklist)

## Summary
Align right-side controls in settings rows when descriptions wrap to
multiple lines, and relax the text-width cap for better balance.

## Changes
- Top-aligned settings row containers in shared settings UI render paths
by adding `items_start()` to:
  - Setting rows (`render_settings_item`)
  - Sub-page link rows
  - Action link rows
- Updated the left text column width constraint in
`render_settings_item` from `w_3_4` to `w_full + max_w_2_3 + min_w_0` to
avoid overlap while reducing excess empty space.

## Validation
- Built and ran Zed locally with `cargo run`.
- Manual verification in Settings pages with multiline descriptions and
right-side controls:
  - General
  - Appearance
  - Languages & Tools
  - Agent/Terminal-related sections
- Confirmed improved control alignment and no right-column text overlap
in the tested views.

  | Before | After |
  |---|---|
|
![1-before](https://github.com/user-attachments/assets/bf548d15-a1a6-4917-81ac-0a1afefa2ea1)
|
![1-after](https://github.com/user-attachments/assets/47a61610-7b74-48bd-838d-e39e3b578d19)
|
|
![2-before](https://github.com/user-attachments/assets/92c0bd32-9772-42f4-be98-b1818556fa80)
|
![2-after](https://github.com/user-attachments/assets/188e0fdf-91ea-49bf-9648-9177107d94c9)
|







## Linked Issues
- zed-industries#49848

Release Notes:

- Fixed settings row layout so right-side controls align better with
multiline setting descriptions.

---------

Co-authored-by: Danilo Leal <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

cla-signed The user has signed the Contributor License Agreement first contribution the author's first pull request to Zed. NOTE: the label application is automated via github actions

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Settings UI: right-side controls are vertically misaligned and row spacing is inconsistent across pages

2 participants