Fix placement of action buttons on Team Settings > General tab

Open Beginner friendly
#7,283 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
64/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Quiet
Tech stack
javascript
Domain
design, frontend

Research direction

Start at the Team Settings > General tab and inspect the action-button layout in both the default and editing states. Compare the page with existing FlowFuse primary and secondary action patterns, then verify that Edit team settings, Cancel, and Save team settings are consistently positioned and styled in both states.

Written by the indexing model from the issue text.

Description

task
Description

The action buttons on the Team Settings General tab are visually out of place:

  • The "Edit team settings" button is poorly positioned in its default state
  • The "Cancel" and "Save team settings" buttons are also out of place once the team settings are being edited

Update the layout and styling of these buttons so they're positioned consistently with the rest of the page and follow the standard FlowFuse design patterns for primary/secondary actions.

Image Image
Epic/Story

No response

Have you provided an initial effort estimate for this issue?

I have provided an initial effort estimate

Dominant language
JavaScript
Stars
400
Forks
89
Avg merge
1d 22h
Merged PRs (30d)
147

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from FlowFuse/flowfuse

All issues in FlowFuse/flowfuse

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.