# fix\(web\): address UI-consistency findings on the browser defaults row · pingdotgg/t3code

[View on GitCafe](https://git.cafe/pingdotgg/t3code/commit/bb0492d294a1597184c8f77ceb74fb2dfa097239)

Repository: [pingdotgg/t3code](https://git.cafe/pingdotgg/t3code)

Visibility: public

Requested revision: bb0492d294a1597184c8f77ceb74fb2dfa097239

Requested commit: bb0492d294a1597184c8f77ceb74fb2dfa097239

Commit: bb0492d294a1597184c8f77ceb74fb2dfa097239

Tree: 8cd377320614c9fbce8c333253a49f84c03c2455

Author: Julius Marminge

Committer: Julius Marminge

## Message

```
fix(web): address UI-consistency findings on the browser defaults row

Three findings from the UI-consistency check, all in the new panel:

The viewport cluster forced a hard minimum width — `min-w-36` on the select
plus a non-shrinking group of two `w-24` fields and the rotate button — so the
row overflowed at narrow widths once a non-fill default was set. The cluster
now wraps and the fields are narrower.

Control heights were mixed in one `items-center` row: a default-size select
beside `sm` number fields and an `icon-sm` button. The select is now `sm` too,
so all three measure 28px.

The wrapper's `opacity-64` compounded with each primitive's own
`disabled:opacity-64`, dimming the controls to roughly 0.41 alpha — dimmer
than disabled controls anywhere else in Settings. The wrapper now dims only
the row text, leaving each control at the standard disabled opacity.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

```

## Parents

- [cca9dc83304dbee5c4ceed3fae636b729504521c](https://git.cafe/pingdotgg/t3code/commit/cca9dc83304dbee5c4ceed3fae636b729504521c?format=markdown)

[Source at this commit](https://git.cafe/pingdotgg/t3code/tree/bb0492d294a1597184c8f77ceb74fb2dfa097239?format=markdown)