feat: Ingredients parser UX - Slightly improve controls #4961
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
What this PR does / why we need it:
Rearranges the save/parse/etc controls on ingredient editing so that:
After:
![image](https://private-user-images.githubusercontent.com/365751/406802532-ee6a9c8c-8ac3-4eda-bc55-968ed7c3e24f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk0NzY1MzQsIm5iZiI6MTczOTQ3NjIzNCwicGF0aCI6Ii8zNjU3NTEvNDA2ODAyNTMyLWVlNmE5YzhjLThhYzMtNGVkYS1iYzU1LTk2OGVkN2MzZTI0Zi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjEzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxM1QxOTUwMzRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05NjVjZmIzMzNhZDRiODVkNGQyY2Y2ZTMyMGIxOWMxMDQ5NWZmMjNkOGIwMTM2MDEwY2UxZDU5OGJlODFlYTBjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.2P2mAVG_qYUALat2eGrd5HZoBrPCo5HQXJaeXQGicJY)
Which issue(s) this PR fixes:
Part of #4954
Special notes for your reviewer:
If there's a preferred style or background for floating action buttons/navs; happy to implement. Current approach overlays content in a weird way.
Testing
Regression tested locally with chrome dev tools (desktop,, mobile).