Delete related issues CSS

Delete unused CSS and convert CSS to utility classes where possible

app/assets/javascripts/related_issues/components/related_issues_block.vue

@@ -123,7 +123,7 @@ export default {
 </script>
 
 <template>
-  <div id="related-issues" class="related-issues-block">
+  <div id="related-issues" class="related-issues-block gl-mt-5">
     <div class="card card-slim gl-overflow-hidden">
       <div
         :class="{ 'panel-empty-heading border-bottom-0': !hasBody }"

app/assets/javascripts/related_issues/components/related_issues_list.vue

@@ -97,11 +97,7 @@ export default {
       class="related-issues-token-body bordered-box bg-white"
       :class="{ 'sortable-container': canReorder }"
     >
-      <div
-        v-if="isFetching"
-        class="related-issues-loading-icon"
-        data-qa-selector="related_issues_loading_placeholder"
-      >
+      <div v-if="isFetching" class="gl-mb-2" data-qa-selector="related_issues_loading_placeholder">
         <gl-loading-icon
           ref="loadingIcon"
           size="sm"

app/views/projects/issues/_related_issues.html.haml

@@ -3,4 +3,3 @@
     can_add_related_issues: "#{can?(current_user, :admin_issue_link, @issue)}",
     help_path: help_page_path('user/project/issues/related_issues'),
     show_categorized_issues: "false" } }
-    - render('projects/issues/related_issues_block')

app/views/projects/issues/_related_issues_block.html.haml

-.related-issues-block
-  .card.card-slim
-    .card-header.panel-empty-heading.border-bottom-0
-      %h3.card-title.mt-0.mb-0.h5
-        = _('Linked issues')

ee/app/assets/stylesheets/pages/issues/related_issues.scss

-$token-spacing-bottom: 0.5em;
-
-.related-issues-block {
-  margin-top: 3 * $gl-vert-padding;
-}
-
-.related-issues-header-help-icon {
-  margin-left: 0.25em;
-  color: $gl-text-color-secondary;
-}
-
 .related-issues-token-body {
-  padding: 0;
-
-  li .issuable-info-container {
-    padding-left: $gl-padding;
-
-    @include media-breakpoint-down(md) {
-      padding-left: $gl-padding-8;
-    }
-  }
-
   a.issuable-main-info:hover {
     text-decoration: none;
 
@@ -29,25 +8,6 @@ $token-spacing-bottom: 0.5em;
   }
 }
 
-.related-issues-loading-icon {
-  margin-bottom: $token-spacing-bottom;
-  line-height: 1.75;
-}
-
-.related-issues-token-list {
-  display: flex;
-  flex-wrap: wrap;
-  margin-bottom: 0;
-  padding-left: 0;
-  list-style: none;
-}
-
-.related-issues-token-list-item {
-  max-width: 100%;
-  margin-bottom: $token-spacing-bottom;
-  margin-right: 5px;
-}
-
 .issue-token-end {
   order: 1;
 }

ee/app/views/projects/issues/_related_issues.html.haml

@@ -3,4 +3,3 @@
     can_add_related_issues: "#{can?(current_user, :admin_issue_link, @issue)}",
     help_path: help_page_path('user/project/issues/related_issues'),
     show_categorized_issues: "#{!!@project.feature_available?(:blocked_issues)}" } }
-    - render('projects/issues/related_issues_block')