Merge branch '48495-merge-request-collapse-icon-is-tiny' into 'master'

Resolve "Merge request collapse icon is tiny"

Closes #48495

See merge request gitlab-org/gitlab-ce!20267

app/assets/javascripts/diffs/components/diff_file_header.vue

@@ -112,7 +112,11 @@ export default {
   },
   methods: {
     handleToggle(e, checkTarget) {
-      if (!checkTarget || e.target === this.$refs.header) {
+      if (
+        !checkTarget ||
+        e.target === this.$refs.header ||
+        (e.target.classList && e.target.classList.contains('diff-toggle-caret'))
+      ) {
         this.$emit('toggleFile');
       }
     },

app/assets/stylesheets/pages/diff.scss

@@ -14,8 +14,8 @@
       background-color: $gray-normal;
     }
 
-    .diff-toggle-caret {
-      padding-right: 6px;
+    svg {
+      vertical-align: text-bottom;
     }
   }