Update icon size and alignment

Update neutral icon color

app/assets/stylesheets/pages/merge_requests.scss

@@ -792,7 +792,7 @@
     margin: $gl-padding -16px -16px;
 
     .mr-widget-code-quality-info {
-      padding-left: 12px;
+      padding-left: 10px;
     }
 
     .mr-widget-dast-code {
@@ -801,7 +801,7 @@
 
     .mr-widget-code-quality-list {
       list-style: none;
-      padding: 0 9px;
+      padding: 0 2px 0 0;
       margin: 0;
       line-height: $code_line_height;
 
@@ -818,11 +818,11 @@
       }
 
       .neutral .mr-widget-code-quality-icon {
-        color: $gl-gray-light;
+        color: $theme-gray-700;
       }
 
       .mr-widget-code-quality-icon {
-        margin: 3px 12px 0 0;
+        margin: -5px 4px 0 0;
         fill: currentColor;
       }
     }

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

@@ -125,6 +125,7 @@
       <icon
         class="mr-widget-code-quality-icon"
         :name="iconName"
+        size="32"
       />
 
       <template v-if="isStatusSuccess && isTypeQuality">{{ fixedLabel }}</template>