Improve runner edit form design
What does this MR do and why?
This change updates the style and order of runner fields in the runner update form.
Changelog: changed
Related to #299758 (closed)
☝ Limited MR Scope
This MR does not yet implement the visual changes to the projects section of the page. This requires a backend addition at GraphQL API: Extend `runnerUpdate` mutation to ... (#359958 - closed).
Other visual changes are added as an iteration of #299758 (closed)
Screenshots or screen recordings
| before | after |
|---|---|
 |
 |
New loading state
How to set up and validate locally
Numbered steps to set up and validate the change are strongly suggested.
- Logged in a admin
- Visit the admin runners page Admin -> Runners
- Visit any runner edit page (e.g. http://gdk.test:3000/admin/runners/79/edit) by clicking on the pencil icon.
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Edited by Miguel Rincon