Merge branch 'fix-css-pipeline-graph' into 'master'

Fix broken CSS on pipeline graph

See merge request gitlab-org/gitlab!40386

app/assets/javascripts/pipelines/components/graph/graph_component.vue

@@ -131,7 +131,8 @@ export default {
     >
       <div
         :style="{
-          paddingLeft: `16px`,
+          paddingLeft: `${graphLeftPadding}px`,
+          paddingRight: `${graphRightPadding}px`,
         }"
       >
         <gl-loading-icon v-if="isLoading" class="m-auto" size="lg" />

app/views/projects/pipelines/_with_tabs.html.haml

@@ -26,7 +26,7 @@
     = render_if_exists "projects/pipelines/tabs_holder", pipeline: @pipeline, project: @project
 
 .tab-content
-  #js-tab-pipeline.tab-pane.w-1000
+  #js-tab-pipeline.tab-pane.gl-absolute.gl-left-0.gl-w-full
     #js-pipeline-graph-vue
 
   #js-tab-builds.tab-pane

changelogs/unreleased/fix-css-pipeline-graph.yml

+---
+title: Fix the broken CSS on the pipeline graph
+merge_request: 40386
+author:
+type: fixed