Graph vertex type configurator and vertex type list re-styling

[flash1293]

The current editor for vertex types in graph is not a good fit for EUI components and should get re-styled during EUI-fication.

Ideas:

• Move editor to a flyout or to a popover
• Show field names instead of just icon
• Make "new vertex type" button more prominent
• Make icon optional

[elasticmachine]

Pinging @elastic/kibana-app

[flash1293]

@monfera @cchaos What do you think about this layout (just a mock at the moment)?

Should I go forward with this approach?

[cchaos]

I think this is a great start and interim re-design. Just had a couple of suggestions.

(edit) added a redpen for feedback - all feedback welcomed, please contribute.

[flash1293]

Very good suggestions, thanks. I will put up a real PR with these fixes. I forgot one thing in the mockup - you can also disable a vertex type, I think I will put a switch for that in the flyout, not sure how to reflect it in the badge though - a color saturation filter might not be enough if the user can freely pick a color, maybe crossing it out like for filters on dashboards?

[shaunmcgough]

@flash1293 @cchaos @monfera What do you think about having a little checkbox inside the badge that can enable / disable this? It adds some width, but is accessible and heads up.

[flash1293]

Nice idea @shaunmcgough I will work on a PR for this as the next step, then we can iterate there.

[flash1293]

Done via #45384