Merge branch '7065-performance-metrics-not-rendered-properly-in-merge-request-widget-ee'

app/assets/javascripts/reports/components/grouped_test_reports_app.vue

@@ -82,7 +82,7 @@
     :loading-text="groupedSummaryText"
     :error-text="groupedSummaryText"
     :has-issues="reports.length > 0"
-    class="mr-widget-border-top grouped-security-reports"
+    class="mr-widget-border-top grouped-security-reports mr-report"
   >
     <div
       slot="body"

app/assets/stylesheets/pages/merge_requests.scss

@@ -87,7 +87,7 @@
     padding: 0;
   }
 
-  .grouped-security-reports {
+  .mr-report {
     padding: 0;
 
     > .media {

ee/app/assets/javascripts/vue_merge_request_widget/mr_widget_options.vue

@@ -219,7 +219,7 @@ export default {
       :resolved-issues="mr.codeclimateMetrics.resolvedIssues"
       :has-issues="hasCodequalityIssues"
       :component="$options.componentNames.CodequalityIssueBody"
-      class="js-codequality-widget mr-widget-border-top"
+      class="js-codequality-widget mr-widget-border-top mr-report"
     />
     <report-section
       v-if="shouldRenderPerformance"
@@ -232,7 +232,7 @@ export default {
       :neutral-issues="mr.performanceMetrics.neutral"
       :has-issues="hasPerformanceMetrics"
       :component="$options.componentNames.PerformanceIssueBody"
-      class="js-performance-widget mr-widget-border-top"
+      class="js-performance-widget mr-widget-border-top mr-report"
     />
     <grouped-security-reports-app
       v-if="shouldRenderSecurityReport"

ee/app/assets/javascripts/vue_shared/license_management/mr_widget_license_report.vue

@@ -102,7 +102,7 @@ export default {
       :component="$options.componentNames.LicenseIssueBody"
       :class="reportSectionClass"
       :always-open="alwaysOpen"
-      class="license-report-widget"
+      class="license-report-widget mr-report"
     >
       <div
         v-if="licensesTab"

ee/app/assets/javascripts/vue_shared/security_reports/grouped_security_reports_app.vue

@@ -216,7 +216,7 @@ export default {
     :loading-text="groupedSummaryText"
     :error-text="groupedSummaryText"
     :has-issues="true"
-    class="mr-widget-border-top grouped-security-reports"
+    class="mr-widget-border-top grouped-security-reports mr-report"
   >
     <div
       v-if="pipelinePath"

ee/app/assets/stylesheets/pages/merge_requests.scss

@@ -79,7 +79,6 @@
 
 .mr-state-widget {
   .media-section {
-    padding: $gl-padding;
     border: 1px solid $border-color;
     margin-bottom: -1px;