Add generic media-section class to report_section

app/assets/stylesheets/pages/merge_requests.scss

@@ -40,14 +40,6 @@
 .mr-widget-section,
 .mr-widget-footer {
   padding: $gl-padding;
-
-  .media {
-    align-items: center;
-  }
-
-  .code-text {
-    flex: 1;
-  }
 }
 
 .mr-state-widget {
@@ -124,8 +116,10 @@
 
       .modify-merge-commit-link {
         padding: 0;
+
         background-color: transparent;
         border: 0;
+
         color: $gl-text-color;
 
         &:hover,

ee/app/assets/javascripts/vue_merge_request_widget/components/approvals/mr_widget_approvals.vue

@@ -61,7 +61,7 @@ export default {
 <template>
   <section
     v-if="mr.approvalsRequired"
-    class="mr-widget-approvals-container mr-widget-section media bordered-widget-section"
+    class="mr-widget-approvals-container mr-widget-section media media-section"
   >
     <status-icon
       :class="approvalsOptional ? 'zero-approvals' : ''"

ee/app/assets/javascripts/vue_shared/security_reports/components/report_section.vue

@@ -138,7 +138,7 @@ export default {
 };
 </script>
 <template>
-  <section class="mr-widget-section bordered-widget-section">
+  <section class="media-section">
     <div
       class="media"
     >

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

@@ -23,14 +23,7 @@
   }
 }
 
-.bordered-widget-section {
-  border: 1px solid $border-color;
-  margin-bottom: -1px;
-
-  &:first-of-type {
-    border-radius: $border-radius-default $border-radius-default 0 0;
-  }
-
+.media-section {
   @include media-breakpoint-down(md) {
     align-items: flex-start;
 
@@ -97,3 +90,25 @@
     position: relative;
   }
 }
+
+.mr-state-widget {
+  .media-section {
+    padding: $gl-padding;
+    border: 1px solid $border-color;
+    margin-bottom: -1px;
+
+    &:first-of-type {
+      border-radius: $border-radius-default $border-radius-default 0 0;
+    }
+  }
+}
+
+.mr-widget-section {
+  .media {
+    align-items: center;
+  }
+
+  .code-text {
+    flex: 1;
+  }
+}

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

@@ -164,11 +164,3 @@
     display: none;
   }
 }
-
-.build-security.tab-pane {
-  .mr-widget-section {
-    padding: 0;
-    border: 0;
-    border-bottom: 1px solid $gray-darker;
-  }
-}