Update UI of OpenNodeDialog

[esensar]

This is related to https://github.com/SimpleMobileTools/Simple-Notes/issues/641

[tibbi]

1. the dialog is always using full height, even if the bottom part is empty
2. Lets also change the "Create a new note" to some rectangle too as the last item

[tibbi]

and add a Cancel button at the bottom of the dialog. I like it in general though.

[tibbi]

1. lets remove the divider under the notes above Cancel
2. make Create a new note somehow bigger, maybe add a colored Plus under it

[esensar]

I have added a plus below "Create a new note", but it doesn't look right to me. I also tried making the text larger on that card, but it still didn't feel right.

I will try to find other options to make it bigger and more noticeable, without making it weird.

[tibbi]

nope, doesnt look good indeed :D try checking some other apps, how they do it

[esensar]

How about having a Create a new note button next to cancel button on the dialog?

Or making the create a new note item span all columns:

[tibbi]

not a fan of those and having it at the bottom wastes useful space. Have you researched other apps?

[esensar]

not a fan of those and having it at the bottom wastes useful space. Have you researched other apps?

Haven't really found examples of grids with this kind of extra button. I usually just saw lists or completely separate button for adding new items.

Not sure if it makes sense to move it up to the top then :/ It would waste less space, but then again, users tapping on that open button are most likely not looking to add a new note, so having it as a first option is probably not a good idea.

[esensar]

This is the version with this button on top. It looks nicer, but I am not sure if it makes much sense to be honest :/

[tibbi]

lets just add a fab there at the bottom right corner, like when creating a new folder at the destination picker in the file manager etc, people are used to that

[tibbi]

add some bottom padding to the list so that if you scroll down as much as possible, the fab doesnt cover up any items

[tibbi]

yeah thanks, this looks good to me. It is a pretty nice and elegant solution