Intermediate fix for DAG pipeline visualisations

Summary

Currently, when a DAG pipeline is created the graph has CSS issues squashing the graph against each other. This can be considered a regression or a ~bug.

This would be an intermediate fix towards #31877 (closed)

Steps to reproduce

  1. Create a DAG pipeline
  2. Check out the graph in the pipeline detail view

Example Project

https://gitlab.com/gitlab-org/gitlab/pipelines/96657830

What is the current bug behavior?

Graph nodes columns are mispositioning so the lines intersect

What is the expected correct behavior?

Graph node columns are displayed like normal, as if a non DAG pipeline.

Relevant logs and/or screenshots

img

Output of checks

This bug happens on GitLab.com

Results of GitLab environment info

Expand for output related to GitLab environment info 
(For installations with omnibus-gitlab package run and paste the output of:
sudo gitlab-rake gitlab:env:info)


(For installations from source run and paste the output of:
sudo -u git -H bundle exec rake gitlab:env:info RAILS_ENV=production)

Results of GitLab application Check

Expand for output related to the GitLab application check 
(For installations with omnibus-gitlab package run and paste the output of:
sudo gitlab-rake gitlab:check SANITIZE=true)


(For installations from source run and paste the output of:
sudo -u git -H bundle exec rake gitlab:check RAILS_ENV=production SANITIZE=true)


(we will only investigate if the tests are passing)

Possible fixes

(If you can, link to the line of code that might be responsible for the problem)