Fix html structure of pipeline graph

While moving the pipeline graph to vue we noticed the html is not valid:

The following discussion from !10878 (merged) should be addressed:

• @iamphill started a discussion: (+4 comments)

  Got some weird HTML going on here. The li should be a direct descendant of the ul

We can also improve the CSS, since it requires a specific html strucutre