1 files changed, 14 insertions, 1 deletions
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/mr_widget_header.vue b/app/assets/javascripts/vue_merge_request_widget/components/mr_widget_header.vue
index 0464c4b9c15..897f706290d 100644
--- a/app/assets/javascripts/vue_merge_request_widget/components/mr_widget_header.vue
+++ b/app/assets/javascripts/vue_merge_request_widget/components/mr_widget_header.vue
@@ -1,4 +1,5 @@
 <script>
+import Mousetrap from 'mousetrap';
 import { escape } from 'lodash';
 import { n__, s__, sprintf } from '~/locale';
 import { mergeUrlParams, webIDEUrl } from '~/lib/utils/url_utility';
@@ -74,10 +75,21 @@ export default {
         : '';
     },
   },
+  mounted() {
+    Mousetrap.bind('b', this.copyBranchName);
+  },
+  beforeDestroy() {
+    Mousetrap.unbind('b');
+  },
+  methods: {
+    copyBranchName() {
+      this.$refs.copyBranchNameButton.$el.click();
+    },
+  },
 };
 </script>
 <template>
-  <div class="d-flex mr-source-target append-bottom-default">
+  <div class="d-flex mr-source-target gl-mb-3">
     <mr-widget-icon name="git-merge" />
     <div class="git-merge-container d-flex">
       <div class="normal">
@@ -89,6 +101,7 @@ export default {
             class="label-branch label-truncate js-source-branch"
             v-html="mr.sourceBranchLink"
           /><clipboard-button
+            ref="copyBranchNameButton"
             :text="branchNameClipboardData"
             :title="__('Copy branch name')"
             css-class="btn-default btn-transparent btn-clipboard"