Merge branch 'mw-productivity-analytics-mr-table-ui-fix' into 'master'

Productivity Analytics: Fix visual glitch in MR table

See merge request gitlab-org/gitlab!16659

ee/app/assets/javascripts/analytics/productivity_analytics/components/mr_table_row.vue

@@ -50,7 +50,7 @@ export default {
     <div
       class="table-section section-50 d-flex flex-row-reverse flex-md-row justify-content-between justify-content-md-start qa-mr-details"
     >
-      <div>
+      <div class="d-flex mr-md-2">
         <gl-avatar :src="mergeRequest.author_avatar_url" :size="16" />
       </div>
       <div class="mw-90p">

ee/spec/frontend/analytics/productivity_analytics/components/__snapshots__/mr_table_row_spec.js.snap

@@ -7,7 +7,9 @@ exports[`MergeRequestTableRow component on creation matches the snapshot 1`] = `
   <div
     class="table-section section-50 d-flex flex-row-reverse flex-md-row justify-content-between justify-content-md-start qa-mr-details"
   >
-    <div>
+    <div
+      class="d-flex mr-md-2"
+    >
       <glavatar-stub
         alt="avatar"
         entityid="0"