1 files changed, 7 insertions, 8 deletions
diff --git a/web-ui/app/js/mail_view/ui/mail_actions.js b/web-ui/app/js/mail_view/ui/mail_actions.js
index 65cd0aaa..aa90169f 100644
--- a/web-ui/app/js/mail_view/ui/mail_actions.js
+++ b/web-ui/app/js/mail_view/ui/mail_actions.js
@@ -37,11 +37,13 @@ define(
         moreActions: '#more-actions'
       });
 
+      this.deleteMail = function () {
+        this.trigger(document, events.ui.mail.delete, {mail: this.attr.mail});
+        this.select('moreActions').hide();
+      };
 
       this.displayMailActions = function () {
-
         this.$node.html(templates.mails.mailActions());
-
         this.select('moreActions').hide();
 
         this.on(this.select('replyButtonTop'), 'click', function () {
@@ -53,11 +55,6 @@ define(
           this.select('moreActions').hide();
         }.bind(this));
 
-        this.on(this.select('deleteButtonTop'), 'click', function () {
-          this.trigger(document, events.ui.mail.delete, {mail: this.attr.mail});
-          this.select('moreActions').hide();
-        }.bind(this));
-
         this.on(this.select('viewMoreActions'), 'click', function () {
           this.select('moreActions').toggle();
         }.bind(this));
@@ -72,12 +69,14 @@ define(
             this.select('moreActions').hide();
           }
         }.bind(this));
-
       };
 
       this.after('initialize', function () {
         this.on(document, events.dispatchers.rightPane.clear, this.teardown);
+        this.on(document, events.shortcuts.deleteMail, this.deleteMail);
+
         this.displayMailActions();
+        this.on(this.select('deleteButtonTop'), 'click', this.deleteMail);
       });
     }
   }