Ambiguous visualization of pipelines in editor

Summary

In the pipeline editor visualization, a connection between jobs that skips a stage can be confusing or wrong.

Steps to reproduce

I guess:

Create a pipeline with 3 stages, with one job each, where 3rd job depends on 1st, and 2nd depends on nothing.

Example Project

https://gitlab.com/Molcas/OpenMolcas

What is the current bug behavior?

The 2nd job appears on top of the line joining 1 and 3, so it looks like 2 depends on 1 and 3 on 2.

What is the expected correct behavior?

Job 2 should be moved down so it's clear that the line joins 1 and 3, and not 2.

Or the line should be broke behind job 2 to make it more "3D-like".

By the way, an additional suggestion: This visualization is much nicer than what he have in the normal Pipeline and Needs tabs. Could it replace those? (See #235137 (closed))

Relevant logs and/or screenshots

Here it looks like the sequence is doc -> test:plain -> pages

But when a job is highlighted we see it's actually doc -> pages

Output of checks

This bug happens on GitLab.com