Adjust styling of downstream and upstream pipelines
What does this MR do and why?
Relates to #333634 (closed)
- Corrected border radius on upstream/downstream pipelines in the graph
- Left aligned "Upstream" in pipeline graph
- Added left padding beside upstream pipeline in container
- Adjusted width of card to align more with figma specs.
170px>8rem
Screenshots or screen recordings
| Upstream Before | Upstream After |
|---|---|
 |
 |
| Downstream Before | Downstream After |
|---|---|
 |
 |
How to set up and validate locally
Numbered steps to set up and validate the change are strongly suggested.
- CI/CD >> Pipelines
- From the table select a pipeline ID that displays an upstream pipeline in the mini graph
- Observe UX changes in the pipeline graph
- Repeat for a pipeline with downstream pipelines
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Edited by Briley Sandlin