# ui: Make toggle button group responsive \(\#36100\) · gitcafe/zed

[View on GitCafe](https://git.cafe/gitcafe/zed/commit/7f1a5c6ad774650554e756e54a81c5179d600e6c)

Repository: [gitcafe/zed](https://git.cafe/gitcafe/zed)

Visibility: public

Requested revision: 7f1a5c6ad774650554e756e54a81c5179d600e6c

Requested commit: 7f1a5c6ad774650554e756e54a81c5179d600e6c

Commit: 7f1a5c6ad774650554e756e54a81c5179d600e6c

Tree: ffc980c29c4288089bbf2947ea31e9103f03c255

Author: Finn Evers

Committer: GitHub

## Message

```
ui: Make toggle button group responsive (#36100)

This PR improves the toggle button group to be more responsive across
different layouts. This is accomplished by ensuring each button takes up
the same amount of space in the parent containers layout.

Ideally, this should be done with grids instead of a flexbox container,
as this would be much better suited for this purpose. Yet, since we lack
support for this, we go with this route for now.

| Before | After |
| --- | --- |
| <img width="1608" height="1094" alt="Bildschirmfoto 2025-08-13 um 11
24 26"
src="https://github.com/user-attachments/assets/2a4b5a59-6483-4f79-8fcb-e26e22071795"
/> | <img width="1608" height="1094" alt="Bildschirmfoto 2025-08-13 um
11 29 36"
src="https://github.com/user-attachments/assets/e6402729-6a8f-4a44-b79e-a569406edfff"
/> |


Release Notes:

- N/A
```

## Parents

- [6307105976cc7b33abbd32fc5e1e413c252a3eed](https://git.cafe/gitcafe/zed/commit/6307105976cc7b33abbd32fc5e1e413c252a3eed?format=markdown)

[Source at this commit](https://git.cafe/gitcafe/zed/tree/7f1a5c6ad774650554e756e54a81c5179d600e6c?format=markdown)