Skip to content

fix: center "RESET ALL SETTINGS" button in settings panel#790

Merged
magic-peach merged 2 commits into
magic-peach:mainfrom
Hastiv01:fix/reset-button-centering
May 21, 2026
Merged

fix: center "RESET ALL SETTINGS" button in settings panel#790
magic-peach merged 2 commits into
magic-peach:mainfrom
Hastiv01:fix/reset-button-centering

Conversation

@Hastiv01
Copy link
Copy Markdown
Contributor

Description

The "RESET ALL SETTINGS" button in the right-side settings panel was aligned to the far right because of justify-end applied on its parent container. This caused inconsistent spacing and an unbalanced layout inside the settings section.

This PR updates the layout styling to properly center the button within its container, resulting in a more visually balanced and consistent UI in the settings panel.

Related Issue

Closes #773

Type of Contribution

  • Bug fix
  • New feature
  • Documentation update
  • GSSoC contribution

Checklist

  • I have read the contribution guidelines
  • My changes follow the project structure
  • I have tested my changes in Chrome, Firefox, and Safari
  • bun run lint passes (no ESLint errors)
  • bunx tsc --noEmit passes (no TypeScript errors)
  • New interactive elements have aria-label / accessible names
  • No console.log statements left in
  • This PR is related to a valid issue
  • Screen recording attached above (required for UI/feature/design changes)

@vercel
Copy link
Copy Markdown

vercel Bot commented May 20, 2026

@Hastiv01 is attempting to deploy a commit to the magic-peach1's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions
Copy link
Copy Markdown
Contributor

👋 Thanks for your PR, @Hastiv01!

Welcome to Reframe — a browser-based video editor built for everyone 🎬

🟠 GSSoC'26 PR detected — thanks for contributing under GirlScript Summer of Code 2026!

What happens next

  1. 🤖 Automated checks — build & TypeScript typecheck will run automatically
  2. Vercel preview — a preview deployment will be created (requires maintainer authorization for fork PRs)
  3. 👀 Code review — a maintainer will review your changes
  4. 🚀 Merge — once approved, your PR will be merged!

Quick checklist

  • PR title follows Conventional Commits (e.g. feat: add dark mode)
  • Linked the issue this PR closes (e.g. Closes #123)
  • Tested the changes locally (bun run dev)
  • Build passes (bun run build)

Useful links

Happy coding! 🎉

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented May 20, 2026

✅ PR Format Check Passed — @Hastiv01

Basic format checks passed. A maintainer will review your code changes.

This does not mean the PR is approved — it just means the format is correct.

@github-actions github-actions Bot added gssoc'26 GirlScript Summer of Code 2026 level:beginner Beginner level - 20 pts type:bug Bug fix type:design UI/UX design type:docs Documentation type:feature New feature labels May 20, 2026
@magic-peach
Copy link
Copy Markdown
Owner

@Hastiv01 please resolve conflicts

@Hastiv01
Copy link
Copy Markdown
Contributor Author

@magic-peach conflicts resolved

@magic-peach magic-peach added quality:clean Well-implemented, clean code gssoc:approved Approved for GSSoC'26 labels May 21, 2026
@magic-peach magic-peach merged commit 84b040b into magic-peach:main May 21, 2026
7 of 10 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc:approved Approved for GSSoC'26 gssoc'26 GirlScript Summer of Code 2026 level:beginner Beginner level - 20 pts quality:clean Well-implemented, clean code type:bug Bug fix type:design UI/UX design type:docs Documentation type:feature New feature

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[BUG] Center the "RESET ALL SETTINGS" button inside the settings panel

2 participants