From 9b14c551e2f0aac29febcec81d654b153afcbc15 Mon Sep 17 00:00:00 2001
From: Simon Seyer <simon.seyer@gmail.com>
Date: Fri, 11 Mar 2016 20:33:06 +0100
Subject: [PATCH] Fixed text overflow in phishing detection indicator

---
 internal_packages/phishing-detection/lib/main.jsx             | 2 +-
 .../phishing-detection/stylesheets/phishing.less              | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/internal_packages/phishing-detection/lib/main.jsx b/internal_packages/phishing-detection/lib/main.jsx
index fea594908..f23da5695 100644
--- a/internal_packages/phishing-detection/lib/main.jsx
+++ b/internal_packages/phishing-detection/lib/main.jsx
@@ -54,7 +54,7 @@ class PhishingIndicator extends React.Component {
         return (
           <div className="phishingIndicator">
             <b>This message looks suspicious!</b>
-            <div>{`It originates from ${from} but replies will go to ${replyTo}.`}</div>
+            <div className="description">{`It originates from ${from} but replies will go to ${replyTo}.`}</div>
           </div>
         );
       }
diff --git a/internal_packages/phishing-detection/stylesheets/phishing.less b/internal_packages/phishing-detection/stylesheets/phishing.less
index 89bbc73b9..0b6a2d9f8 100644
--- a/internal_packages/phishing-detection/stylesheets/phishing.less
+++ b/internal_packages/phishing-detection/stylesheets/phishing.less
@@ -10,5 +10,9 @@
   background-color: rgb(242, 222, 222);
   white-space: nowrap;
   overflow: hidden;
+}
+
+.phishingIndicator .description {
+  overflow: hidden;
   text-overflow: ellipsis;
 }