Give recipe input dialog's layout a facelift
The input dialog for recipes is not very good.
These are the main issues I have with it:
- The window is too narrow - This makes it hard to fit all the fields in it.
- Ingredient input fields are too small - This is partly because of above issue, but it should be addressed regardless.
- The "remove field" button is too big - I like the idea but right now it just takes up too much space and is too easy to accidentally press.
A good start would be to rewrite it as an AlertDialog to make it adapt better to different resolutions. The remove button should probably also be scrapped for now.
Instead the app could instead make first sure that at least one ingredient has field is filled in.
If yes it handles ingredients as following:
- only add ingredient if all fields are filled in
- warn if ingredients fields are partially filled in
- discard ingredients where both name and amount are missing
**An alternative solution** could be to completely drop the dialog and instead use a fragment. That would make give each row enough space to fit a remove button without issue, plus it would allow for a confirmation popup before removing a the ingredient field.