From 98edecbe29d7a03afdefe581feab5d175c2a6787 Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Wed, 27 Nov 2019 11:24:50 +0000
Subject: [PATCH] Stop recipient address wrapping to multiple lines

Stops the sticky footer getting too tall. Added a title attribute so
people can hover and see the whole thing if they really need to.
---
 app/assets/stylesheets/views/send.scss   | 6 ++++++
 app/templates/views/uploads/preview.html | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/views/send.scss b/app/assets/stylesheets/views/send.scss
index 2bed875f8..d58da1dae 100644
--- a/app/assets/stylesheets/views/send.scss
+++ b/app/assets/stylesheets/views/send.scss
@@ -5,3 +5,9 @@
   }
 
 }
+
+.send-recipient {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
diff --git a/app/templates/views/uploads/preview.html b/app/templates/views/uploads/preview.html
index bfd180fe6..302785693 100644
--- a/app/templates/views/uploads/preview.html
+++ b/app/templates/views/uploads/preview.html
@@ -32,7 +32,7 @@
 
     {% if status == 'valid' and current_service.live %}
     <div class="js-stick-at-bottom-when-scrolling">
-      <p class="top-gutter-0 bottom-gutter-1-2">
+      <p class="top-gutter-0 bottom-gutter-1-2 send-recipient" title="{{ recipient }}">
         Recipient: {{ recipient }}
       </p>