From aa9d48343d85449e96c6002131b45be4becd2c0d Mon Sep 17 00:00:00 2001
From: Eugen Rochko <eugen@zeonfederated.com>
Date: Sat, 15 Oct 2016 13:05:37 +0200
Subject: [PATCH] Fix suggestions box style for long names

---
 .../features/compose/components/suggestions_box.jsx    | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/components/features/compose/components/suggestions_box.jsx b/app/assets/javascripts/components/features/compose/components/suggestions_box.jsx
index 289260f12bf..baff317d769 100644
--- a/app/assets/javascripts/components/features/compose/components/suggestions_box.jsx
+++ b/app/assets/javascripts/components/features/compose/components/suggestions_box.jsx
@@ -30,11 +30,15 @@ const itemStyle = {
 
 const displayNameStyle = {
   display: 'block',
-  fontWeight: '500'
+  fontWeight: '500',
+  overflow: 'hidden',
+  textOverflow: 'ellipsis'
 };
 
 const acctStyle = {
-  display: 'block'
+  display: 'block',
+  overflow: 'hidden',
+  textOverflow: 'ellipsis'
 };
 
 const SuggestionsBox = React.createClass({
@@ -46,7 +50,7 @@ const SuggestionsBox = React.createClass({
   mixins: [PureRenderMixin],
 
   render () {
-    const accounts = this.props.accounts.take(2);
+    const accounts = this.props.accounts.take(3);
 
     return (
       <div style={outerStyle}>