Put more focus on user focus

[dzieciou]

If you look at the Prodigy UI you can see that:

• The focus is on data to annotate and available labels: they are in the middle of the screen
• statistics/progress is out of focus: they use different colors, smaller font, and are on a side

Here's recommended layout:

Here's our UI vs Prodigy UI

[pkubiak]

I prepared new PoC of layout (currently without python code): https://pawelkubiak.me/tree-labeller/web-tagger/layout.html

It support Bootswatch theming (https://bootswatch.com/):

• https://pawelkubiak.me/tree-labeller/web-tagger/layout.html#quartz
• https://pawelkubiak.me/tree-labeller/web-tagger/layout.html#cosmo
• https://pawelkubiak.me/tree-labeller/web-tagger/layout.html#darkly
• https://pawelkubiak.me/tree-labeller/web-tagger/layout.html#sketchy
• https://pawelkubiak.me/tree-labeller/web-tagger/layout.html#simplex
• etc.

[dzieciou]

Wow! That was quick.

I'm the fan of simple highly contrasted layouts like this:

https://pawelkubiak.me/tree-labeller/web-tagger/layout.html https://pawelkubiak.me/tree-labeller/web-tagger/layout.html#simplex https://pawelkubiak.me/tree-labeller/web-tagger/layout.html#cosmo

I also like the new icon. The previous one with real tree could give a wrong hint this is about labelling real trees ;-)

Just a question:

1. Line with brand - how multiple attributes will fit here? In separate lines or what?
2. Perhaps labelling help can go as question mark in circle to BR (bottom right) corner

I have some ideas regarding statistics presentation (to make them more concise), but I will describes them in a separate issue.