Search function looks cluttered

[MrTengil]

Using the search function is confusing and not intuitive.

I suggest something like this:

This gives the user a better visual feedback that they are searching.

The style, shapes and colors are tbd but you get the gist!

Also!
Is it used to search for songs or setlists?

Setlists and songs looks too similar in the search. They need to be visually seperated more.
Maybe add a horizontal divider between songs and setlist?
Bold the setlists?
Italic on the songs?

I assume there will be more songs than setlists. Therefore the setlists should be presented before the songs. This will ensure that the user does not have to scroll too much to find the item.

[tskarhed]

Animation, sure, just want to get #6 done first, otherwise the code is going to be very messy.

Search is for both setlists and songs, a sort of search first navigation. The order doesn't matter that much, but I would personally have 3 most recent first. The main page already lists all setlists, so they should be low prio. Are the icons so separate the types unclear?

[tskarhed]

Can I close this, or should this still be addressed, just further down the line? @MrTengil

[MrTengil]

It's low prio. Don't close it. We can look at it down the line.

[tskarhed]

Search should be available from all pages, to easy jump between songs without complex navigation.

[MrTengil]

What about hamburger menu?

[tskarhed]

Nah, I thing just a bottom navigation would make sense, a bit like Spotify.