Fix CSS & blobPath attribute naming for security app

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

@@ -66,7 +66,7 @@
 </script>
 <template>
   <div class="build-content middle-block js-pipeline-graph">
-    <div class="pipeline-visualization pipeline-graph">
+    <div class="pipeline-visualization pipeline-graph pipeline-tab-content">
       <div class="text-center">
         <loading-icon
           v-if="isLoading"

app/assets/javascripts/pipelines/components/security_reports/security_report_app.vue

@@ -21,7 +21,7 @@
   };
 </script>
 <template>
-  <div class="pipeline-graph">
+  <div class="pipeline-tab-content">
     <report-section
       class="js-sast-widget"
       type="security"

app/assets/stylesheets/pages/pipelines.scss

@@ -355,14 +355,17 @@
   }
 }
 
-// Pipeline graph
-.pipeline-graph {
+.pipeline-tab-content {
   width: 100%;
   background-color: $gray-light;
   padding: $gl-padding;
+  overflow: auto;
+}
+
+// Pipeline graph
+.pipeline-graph {
   white-space: nowrap;
   transition: max-height 0.3s, padding 0.3s;
-  overflow: auto;
 
   .stage-column-list,
   .builds-container > ul {

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

@@ -62,4 +62,4 @@
         %pre.build-log= build_summary(build, skip: index >= 10)
   - if sast_artifact
     #js-tab-security.build-security.tab-pane
-      #js-security-report-app{ data: { endpoint: sast_artifact_url, blobPath: blob_path } }
+      #js-security-report-app{ data: { endpoint: sast_artifact_url, blob_path: blob_path } }