UI feedback: Information hierarchy

[muesliq]

I like the UI, yet I think there is room for improvement. Status quo:

I recommend a stronger hierarchy between parents and children using size, indents and contrast:

(I forgot to make the header background color lighter, please imagine that, too ;-)

The same is true for the selected row in the layer list: Here higher contrast and maybe a bold font would help.

[lukasmartinelli]

It is at first sight indeed very difficult to orient yourself since everything looks the same.

[muesliq]

Yep. The perfect way would be to work on a really good color palette with good contrasts. The pragmatic way would be to simply use significantly lighter greys for headers, mouse-over and the active layer ;-) Plus bigger/stronger text for headers.

BTW, the fact that all CSS is inline and not in an external CSS file makes editing quite hard.

[lukasmartinelli]

I also found out that on bad contrast monitors the different shades of gray are probably too close to each other.

BTW, the fact that all CSS is inline and not in an external CSS file makes editing quite hard.

I am also no longer so convinced from the React inline style approach as of the beginning of the project.
It is great for components that are used in other projects - but if it is mostly components for the same app stylesheets make sense again.

[muesliq]

Replaced by #64.