Sorry I missed that reosarevok

Here's the CSS code for it:
https://github.com/metabrainz/bookbrainz-site/blob/adaed6712ffc0db981924989afea0cfd41efe235/src/client/stylesheets/style.scss#L880-L890

And it is used like so: https://github.com/metabrainz/bookbrainz-site/blob/adaed6712ffc0db981924989afea0cfd41efe235/src/client/entity-editor/work-section/work-section.tsx#L121

Seems good to me, mr_monkey - do you have some code for the BB implementation that we can... 😎 ape?

Looking good to me

I think it looks very good and will be appropriate for showing relationships too. Great job!

I ran into the same need for BB again, and have this suggested implementation based on the mockup #8

It uses some simple css borders instead of the icons, which I think ended up being too big and chucky (at least the FontAwesome icons).

Feedback welcome !

This is how it looks like with the new icon. I think it will look even better if the color of the icon can be made something like #41413C.

What do you guys think?

Arrow 'with tail' based on the fontawesome icon set. Small change but it may make a difference:

+ arrow-right-classic-tail.svg

Not sure if these formats suit, let me know if others are needed.

@ShivamAwasthi has drafted the following over on BB:

Which I think looks nice (and sticks to their icon set). I would like to try modifying it to have a little bit pointing up on the 'tail', then I will share the icon files here.

Edit: Needed to proceed, the icon file shown above.

General consensus is for mockup #8, which I am happy to have implemented/assigned to someone.
The connection graphic should be easy to change if someone thinks of a better way to do it in the future.

Reply from joiletjake in the forums:
Looks pretty good, I personally currently prefer the ones where the difference is more obvious: different background in 4 & 5 and the lines in 7 & 8 (all of these also works best when zoomed out). It also looks a bit weird that the headline “performance” and the selectable “arranged/arranger” currently is on the same level. You’ve also highlighted how bad the indentation currently is, so increasing that is a minimum imo if you decide to do any changes, because it really helps a lot when distinguishing between the different options. Increasing the indentation + make sure that the headlines are not on the same level as selectable options might be the way forward? “Bold” is afaict now used to show the selected item, which I like because it matches how the relationships are shown after the pop-up window is closed, but this also means that it probably is not a good idea to make the headline “bold”. I also have no idea if you plan to introduce more colours here in the upcoming redesign, which could be an additional option to somehow make the distinction a bit clearer.