From 79b4ac815556b8db2f2516e004f522e084780013 Mon Sep 17 00:00:00 2001
From: aakash-cr7 <aakash.tyg93@gmail.com>
Date: Tue, 22 Nov 2016 11:56:38 +0530
Subject: [PATCH] Add tooltips to buttons appearing when message is not
 delivered.

---
 static/js/ui.js                            | 1 +
 static/styles/zulip.css                    | 2 ++
 static/templates/single_message.handlebars | 2 +-
 3 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/static/js/ui.js b/static/js/ui.js
index 6a0b0a5555..81fc555846 100644
--- a/static/js/ui.js
+++ b/static/js/ui.js
@@ -539,6 +539,7 @@ $(function () {
     $('#streams_header i[data-toggle="tooltip"]').tooltip({ placement: 'left',
                                        animation: false });
 
+    $('.message_failed i[data-toggle="tooltip"]').tooltip();
 
     if (!page_params.realm_allow_message_editing) {
         $("#edit-message-hotkey-help").hide();
diff --git a/static/styles/zulip.css b/static/styles/zulip.css
index 90210d573d..ea9a3243a7 100644
--- a/static/styles/zulip.css
+++ b/static/styles/zulip.css
@@ -1095,6 +1095,8 @@ just a temporary hack.
     font-weight: bold;
     color: red;
     padding: 0px 1px 0px 1px;
+    position: relative;
+    left: 29px;
 }
 
 .message_failed i {
diff --git a/static/templates/single_message.handlebars b/static/templates/single_message.handlebars
index 22642a3dc3..828b83813e 100644
--- a/static/templates/single_message.handlebars
+++ b/static/templates/single_message.handlebars
@@ -43,7 +43,7 @@
               <i class="icon-vector-chevron-down"></i>
             </div>
             <div class="message_failed {{#unless msg.failed_request}}notvisible{{/unless}}">
-              <span class="failed_text">Not delivered </span><i class="icon-vector-refresh refresh-failed-message"></i><i class="icon-vector-pencil edit-failed-message"></i><i class="icon-vector-remove-sign remove-failed-message"></i>
+              <i class="icon-vector-refresh refresh-failed-message" data-toggle="tooltip" title="Not Delivered: Resend"></i><i class="icon-vector-pencil edit-failed-message" data-toggle="tooltip" title="Not Delivered: Edit"></i><i class="icon-vector-remove-sign remove-failed-message" data-toggle="tooltip" title="Not Delivered: Delete"></i>
             </div>
           </div>
         </div>