Changes after review

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

@@ -144,7 +144,7 @@
             :size="32"
           />
         </div>
-        <div class="report-block-list-issue-description">
+        <div class="report-block-list-issue-description prepend-top-5 append-bottom-5">
           <div class="report-block-list-issue-description-text append-right-5">
             <template v-if="isStatusSuccess && isTypeQuality">{{ fixedLabel }}</template>
             <template v-if="shouldRenderPriority(issue)">{{ issue.priority }}:</template>
@@ -165,7 +165,7 @@
                 type="button"
                 @click="openDastModal(issue, index)"
                 data-toggle="modal"
-                class="js-modal-dast btn-link btn-blank btn-open-modal break-link"
+                class="js-modal-dast btn-link btn-blank text-left break-link"
                 :data-target="modalTargetId"
               >
                 {{ issue.name }}
@@ -232,7 +232,7 @@
                 :size="32"
               />
             </div>
-            <div class="report-block-list-issue-description">
+            <div class="report-block-list-issue-description prepend-top-5 append-bottom-5">
               <div class="report-block-list-issue-description-text append-right-5">
                 {{ instance.method }}
               </div>

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

 .pipeline-tab-content {
   .space-children,
-  .space-children > * {
+  .space-children > span {
     display: flex;
   }
 
@@ -53,11 +53,6 @@
   flex-wrap: wrap;
   display: flex;
   align-self: center;
-  margin: 5px 0px;
-
-  .btn-open-modal {
-    text-align: left;
-  }
 }
 
 .report-block {

spec/javascripts/vue_shared/security_reports/components/report_issues_spec.js

@@ -161,7 +161,7 @@ describe('Report issues', () => {
     });
 
     it('opens modal with more information and list of instances', (done) => {
-      vm.$el.querySelector('.js-modal-dast ').click();
+      vm.$el.querySelector('.js-modal-dast').click();
 
       Vue.nextTick(() => {
         expect(vm.$el.querySelector('.modal-title').textContent.trim()).toEqual('Low (Medium): Absence of Anti-CSRF Tokens');