From e49693281a8877a370f6e245f7b834877b7975cc Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Tue, 24 Oct 2017 12:00:51 +0100
Subject: [PATCH] Right-align reply link in conversation view
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

So that it lines up with the outbpund messages.

Also the ‘send’ button is usually right-aligned when using Whatsapp,
iMessage, etc.
---
 app/assets/stylesheets/components/sms-message.scss  | 4 ++++
 app/templates/views/conversations/conversation.html | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/components/sms-message.scss b/app/assets/stylesheets/components/sms-message.scss
index 26c942e8c..f9ce3643b 100644
--- a/app/assets/stylesheets/components/sms-message.scss
+++ b/app/assets/stylesheets/components/sms-message.scss
@@ -73,3 +73,7 @@ $tail-angle: 20deg;
   }
 
 }
+
+.sms-message-reply-link {
+  text-align: right;
+}
diff --git a/app/templates/views/conversations/conversation.html b/app/templates/views/conversations/conversation.html
index b46b57950..9fcbdd07d 100644
--- a/app/templates/views/conversations/conversation.html
+++ b/app/templates/views/conversations/conversation.html
@@ -23,7 +23,7 @@
     ) }}
 
     {% if current_user.has_permissions(['send_texts'], admin_override=True) %}
-      <p>
+      <p class="sms-message-reply-link">
         <a href="{{ url_for('.conversation_reply', service_id=current_service.id, notification_id=notification_id) }}">Send a text message to this phone number</a>
       </p>
     {% endif %}