From 73fb9c6f668047a670900e8fbfcc4a9ac6d53ac0 Mon Sep 17 00:00:00 2001
From: aakash-cr7 <aakash.tyg93@gmail.com>
Date: Tue, 22 Nov 2016 12:14:05 +0530
Subject: [PATCH] Fix alignment of 'Not Delivered buttons' on smaller devices.

---
 static/styles/media.css                    | 8 ++++++++
 static/templates/single_message.handlebars | 4 +++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/static/styles/media.css b/static/styles/media.css
index cdfb2bfe3a..b8ac6558df 100644
--- a/static/styles/media.css
+++ b/static/styles/media.css
@@ -324,6 +324,14 @@
         top: 40px;
     }
 
+    .message_failed {
+        left: 0px;
+    }
+
+    .message_content {
+        padding-right: 35px;
+    }
+
 }
 
 @media only screen and (min-device-width: 300px) and (max-device-width: 700px) {
diff --git a/static/templates/single_message.handlebars b/static/templates/single_message.handlebars
index 828b83813e..2db7683325 100644
--- a/static/templates/single_message.handlebars
+++ b/static/templates/single_message.handlebars
@@ -43,7 +43,9 @@
               <i class="icon-vector-chevron-down"></i>
             </div>
             <div class="message_failed {{#unless msg.failed_request}}notvisible{{/unless}}">
-              <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>
+              <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>