Skip to content

fix(setup): align row controls and switch thumbs - #49

Merged
dizys merged 2 commits into
mainfrom
fix/setup-row-trailing-space
Oct 20, 2026
Merged

dizys merged 2 commits into
mainfrom
fix/setup-row-trailing-space

Conversation

@dizys

@dizys dizys commented Oct 19, 2026 •

Copy link
Copy Markdown
Owner

Rows without a “more” menu reserved an invisible menu button plus its flex gap, leaving an extra 34–38px after their final control. This showed up beside Overview’s “How to fix”, T3 Connect’s “Set up”, and the Instructions selectors, with the same issue in other console lists.

Remove the placeholder and its responsive CSS everywhere it was used. The last real button, select, switch target, or channel control now ends at the standard 16px row inset. The existing menu controls and phone wrapping continue to work. Refresh the README and Ports guide screenshots to match.

The enabled switch thumb also travelled 2px too far, reaching the track’s right edge. Correct its travel in the shared component so both switch sizes keep the same 2px inset above, below, and at their resting end in either state. Document the correction beside the other vendored component fixes.

The geometry audits now check both the final row control against its right inset and the rendered switch thumb’s clearances. They reproduce the original defects and pass afterward.

Validation:

  • All 602 Node tests pass with Node 24 consistently selected for parent and child processes.
  • Shared row audit: 18 size/theme combinations, including the wrapping breakpoint and embedded layouts; 9 row variants and 8 switch variants covering both sizes, on/off, and enabled/disabled.
  • Automatic-update UI audit: independent switches, confirmation, schedules, focus, failures and recovery in all 12 light/dark, mobile, desktop, and embedded configurations.
  • Full interaction audit: 23 states in each of 7 desktop, tablet, phone, and embedded layouts; no findings.
  • Console screenshots: every page in ready, first-start, and attention states, in light/dark on phone, tablet, desktop, and embedded layouts; no horizontal overflow.
  • JavaScript syntax and whitespace checks pass.
Updated console screenshots

Overview and Agents in light mode

Overview and Agents in dark mode

Port row actions

@dizys dizys changed the title fix(setup): remove empty space after row controls fix(setup): align row controls and switch thumbs Oct 19, 2026
@dizys
dizys merged commit c8b2a5b into main Oct 20, 2026
7 checks passed
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.

1 participant