Improve usability of the code quality widget

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>

app/assets/javascripts/vue_merge_request_widget/ee/components/mr_widget_code_quality.vue

@@ -151,19 +151,19 @@ export default {
         class="code-quality-container"
         v-if="hasIssues"
         v-show="!isCollapsed">
-        <issues-block
-          class="js-mr-code-new-issues"
-          v-if="mr.codeclimateMetrics.newIssues.length"
-          type="failed"
-          :issues="mr.codeclimateMetrics.newIssues"
-          />
-
         <issues-block
           class="js-mr-code-resolved-issues"
           v-if="mr.codeclimateMetrics.resolvedIssues.length"
           type="success"
           :issues="mr.codeclimateMetrics.resolvedIssues"
           />
+
+        <issues-block
+          class="js-mr-code-new-issues"
+          v-if="mr.codeclimateMetrics.newIssues.length"
+          type="failed"
+          :issues="mr.codeclimateMetrics.newIssues"
+          />
       </div>
     </div>
     <div

app/assets/javascripts/vue_merge_request_widget/ee/components/mr_widget_code_quality_issues.vue

@@ -31,6 +31,7 @@ export default {
         aria-hidden="true">
       </i>
       <span>
+        <span v-if="type === 'success'">Fixed:</span>
         {{issue.check_name}}
         {{issue.location.path}}
         {{issue.location.positions}}

spec/javascripts/vue_mr_widget/components/mr_widget_code_quality_issues_spec.js

@@ -30,7 +30,7 @@ describe('Merge Request Code Quality Issues', () => {
       it('should render issue', () => {
         expect(
           vm.$el.querySelector('li span').textContent.trim().replace(/\s+/g, ''),
-        ).toEqual('foobar8121');
+        ).toEqual('Fixed:foobar8121');
       });
     });
 
@@ -50,7 +50,7 @@ describe('Merge Request Code Quality Issues', () => {
       it('should render issue without position and lines', () => {
         expect(
           vm.$el.querySelector('li span').textContent.trim().replace(/\s+/g, ''),
-        ).toEqual('foobar');
+        ).toEqual('Fixed:foobar');
       });
     });