Skip to content

Fix solver below-board button style to match play mode - #13

Merged
daniel-jones-dev merged 1 commit into
mainfrom
web/fix-solver-controls
Jul 2, 2026
Merged

daniel-jones-dev merged 1 commit into
mainfrom
web/fix-solver-controls

Conversation

@daniel-jones-dev

Copy link
Copy Markdown
Owner

Summary

  • Button padding corrected from 7px to 8px vertical to match PlayControls and the Play action row
  • Undo/Redo and Continue in Play buttons now use flex: 1 so they expand to equal width, matching how Play's action row buttons behave
  • Added .belowBoard CSS class with gap: 8px for uniform spacing between the solved banner, undo row, and continue button

Test plan

  • Open a puzzle in Solver — Undo and Redo buttons fill the row equally
  • Continue in Play → fills the full width
  • Disabled Undo/Redo show at reduced opacity and don't respond to hover
  • npx playwright test tests/solve.test.ts passes

🤖 Generated with Claude Code

Padding, equal-width flex layout, and gap between rows now match
PlayControls and the Play action row.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@daniel-jones-dev
daniel-jones-dev merged commit 9c855f0 into main Jul 2, 2026
4 checks passed
@daniel-jones-dev
daniel-jones-dev deleted the web/fix-solver-controls branch July 10, 2026 07:13
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