[OF#4917] Update buttons styling (buttons position)

[vaszig]

Closes open-formulieren/open-forms#4917

Requires open-formulieren/design-tokens#51

The following screenshots show the new position of the buttons (mobile version already handles the correct order):

• Start page

• Form step

• Summary

[codecov]

Bundle Report

Changes will decrease total bundle size by 879 bytes (-0.01%) ⬇️. This is within the configured threshold ✅

Detailed changes

Bundle name	Size	Change
@open-formulieren/sdk-OpenForms-umd	4.78MB	-432 bytes (-0.01%) ⬇️
@open-formulieren/sdk-esm	4.75MB	-447 bytes (-0.01%) ⬇️

Affected Assets, Files, and Routes:

view changes for bundle: @open-formulieren/sdk-esm

Assets Changed:

Asset Name	Size Change	Total Size	Change (%)
assets/sdk-*.js	-431 bytes	1.01MB	-0.04%
assets/index-*.js	-16 bytes	25.25kB	-0.06%

Files in assets/sdk-*.js:

• ./src/components/Summary/GenericSummary.jsx → Total Size: 3.13kB

• ./src/components/PostCompletionViews/PostCompletionView.jsx → Total Size: 1.84kB

• ./src/components/modals/FormStepSaveModal.jsx → Total Size: 7.99kB

• ./src/components/ButtonsGroup/index.jsx → Total Size: 2.35kB

• ./src/components/FormStep/index.jsx → Total Size: 17.53kB

• ./src/components/EmailVerification/EmailVerificationForm.jsx → Total Size: 5.85kB

• ./src/components/Sessions/SessionTrackerModal.jsx → Total Size: 4.27kB

• ./src/components/ExistingSubmissionOptions.jsx → Total Size: 1.11kB

• ./src/components/SummaryConfirmation/index.jsx → Total Size: 2.09kB

• ./src/components/AbortButton/AbortButton.jsx → Total Size: 1.88kB

• ./src/styles.scss → Total Size: 0 bytes

Files in assets/index-*.js:

• ./src/components/appointments/SubmitRow.jsx → Total Size: 1.11kB

• ./src/components/appointments/cancel/CancelAppointment.jsx → Total Size: 5.41kB

view changes for bundle: @open-formulieren/sdk-OpenForms-umd

Assets Changed:

Asset Name	Size Change	Total Size	Change (%)
open-*.js	-432 bytes	3.49MB	-0.01%

Files in open-*.js:

• ./src/components/Summary/GenericSummary.jsx → Total Size: 3.13kB

• ./src/styles.scss → Total Size: 0 bytes

• ./src/components/appointments/cancel/CancelAppointment.jsx → Total Size: 5.41kB

• ./src/components/appointments/SubmitRow.jsx → Total Size: 1.11kB

• ./src/components/modals/FormStepSaveModal.jsx → Total Size: 8.0kB

• ./src/components/SummaryConfirmation/index.jsx → Total Size: 2.09kB

• ./src/components/FormStep/index.jsx → Total Size: 17.88kB

• ./src/components/Sessions/SessionTrackerModal.jsx → Total Size: 4.27kB

• ./src/components/EmailVerification/EmailVerificationForm.jsx → Total Size: 5.85kB

• ./src/components/ExistingSubmissionOptions.jsx → Total Size: 1.11kB

• ./src/components/ButtonsGroup/index.jsx → Total Size: 2.35kB

• ./src/components/PostCompletionViews/PostCompletionView.jsx → Total Size: 1.84kB

• ./src/components/AbortButton/AbortButton.jsx → Total Size: 1.88kB

[codecov]

Codecov Report

Attention: Patch coverage is 82.75862% with 5 lines in your changes missing coverage. Please review.

Project coverage is 84.27%. Comparing base (adf8ff7) to head (a9256f8).
Report is 4 commits behind head on main.

Files with missing lines	Patch %	Lines
src/components/Sessions/SessionTrackerModal.jsx	0.00%	3 Missing ⚠️
src/components/SummaryConfirmation/index.jsx	60.00%	1 Missing and 1 partial ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #787      +/-   ##
==========================================
+ Coverage   83.99%   84.27%   +0.28%     
==========================================
  Files         246      245       -1     
  Lines        4817     4809       -8     
  Branches     1275     1278       +3     
==========================================
+ Hits         4046     4053       +7     
+ Misses        742      726      -16     
- Partials       29       30       +1     

Flag	Coverage Δ
storybook	77.94% <82.75%> (+0.34%)	⬆️
vitest	62.56% <60.00%> (-0.07%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[vaszig]

Formstep

Summary

Mobile

[sergei-maertens]

Do we even still need this whole toolbar thing? IMO we can refactor that whole thing away now, it's a left-over from the prototype anyway and I've been meaning to get rid of it for ages.

[vaszig]

Do we even still need this whole toolbar thing? IMO we can refactor that whole thing away now, it's a left-over from the prototype anyway and I've been meaning to get rid of it for ages.

As I was updating the buttons I saw that this is not needed but I thought I should keep it in case we need to do something different with the buttons in the near future. I am telling this as I understood that these changes have to be approved from the municipalities in any case.

[sergei-maertens]

Do we even still need this whole toolbar thing? IMO we can refactor that whole thing away now, it's a left-over from the prototype anyway and I've been meaning to get rid of it for ages.

As I was updating the buttons I saw that this is not needed but I thought I should keep it in case we need to do something different with the buttons in the near future. I am telling this as I understood that these changes have to be approved from the municipalities in any case.

Let's use this opportunity to remove this toolbar thing :)