From 9d1468c4af6afadef3bd3ce6a0d81fe5d47f8c43 Mon Sep 17 00:00:00 2001
From: Sascha Eggenberger <seggenberger@gitlab.com>
Date: Wed, 18 May 2022 11:55:02 +0200
Subject: [PATCH] Unbox related merge requests

Changelog: changed
---
 .../components/related_merge_requests.vue     | 38 +++++++++----------
 1 file changed, 18 insertions(+), 20 deletions(-)

diff --git a/app/assets/javascripts/issues/related_merge_requests/components/related_merge_requests.vue b/app/assets/javascripts/issues/related_merge_requests/components/related_merge_requests.vue
index 1d48446b083449..d54aa33540c4c6 100644
--- a/app/assets/javascripts/issues/related_merge_requests/components/related_merge_requests.vue
+++ b/app/assets/javascripts/issues/related_merge_requests/components/related_merge_requests.vue
@@ -65,24 +65,22 @@ export default {
 
 <template>
   <div v-if="isFetchingMergeRequests || (!isFetchingMergeRequests && totalCount)">
-    <div class="card card-slim gl-mt-5">
-      <div class="card-header">
-        <div
-          class="card-title gl-relative gl-display-flex gl-align-items-center gl-line-height-20 gl-font-weight-bold gl-m-0"
-        >
-          <gl-link
-            class="anchor gl-absolute gl-text-decoration-none"
-            href="#related-merge-requests"
-            aria-labelledby="related-merge-requests"
-          />
-          <h3 id="related-merge-requests" class="gl-font-base gl-m-0">
-            {{ __('Related merge requests') }}
-          </h3>
-          <template v-if="totalCount">
-            <gl-icon name="merge-request" class="gl-ml-5 gl-mr-2 gl-text-gray-500" />
-            <span data-testid="count">{{ totalCount }}</span>
-          </template>
-        </div>
+    <div class="gl-mt-5">
+      <div
+        class="gl-relative gl-display-flex gl-align-items-center gl-line-height-20 gl-font-weight-bold gl-mb-4"
+      >
+        <gl-link
+          class="anchor gl-absolute gl-text-decoration-none"
+          href="#related-merge-requests"
+          aria-labelledby="related-merge-requests"
+        />
+        <h3 id="related-merge-requests" class="gl-font-base gl-m-0">
+          {{ __('Related merge requests') }}
+        </h3>
+        <template v-if="totalCount">
+          <gl-icon name="merge-request" class="gl-ml-5 gl-mr-2 gl-text-gray-500" />
+          <span data-testid="count">{{ totalCount }}</span>
+        </template>
       </div>
       <gl-loading-icon
         v-if="isFetchingMergeRequests"
@@ -90,7 +88,7 @@ export default {
         label="Fetching related merge requests"
         class="gl-py-3"
       />
-      <ul v-else class="content-list related-items-list">
+      <ul v-else class="content-list related-items-list bordered-box">
         <li v-for="mr in mergeRequests" :key="mr.id" class="list-item gl-m-0! gl-p-0!">
           <related-issuable-item
             :id-key="mr.id"
@@ -112,7 +110,7 @@ export default {
     </div>
     <div
       v-if="hasClosingMergeRequest && !isFetchingMergeRequests"
-      class="issue-closed-by-widget second-block"
+      class="issue-closed-by-widget second-block gl-text-gray-500 gl-pt-3"
     >
       {{ closingMergeRequestsText }}
     </div>
-- 
GitLab