ellipse senders for images and videos

res/css/views/rooms/_IRCLayout.scss

@@ -181,7 +181,8 @@ $irc-line-height: $font-18px;
         > span {
             display: flex;
 
-            > .mx_SenderProfile_name {
+            > .mx_SenderProfile_name,
+            > .mx_SenderProfile_aux {
                 overflow: hidden;
                 text-overflow: ellipsis;
             }

src/components/views/messages/SenderProfile.js

@@ -125,8 +125,10 @@ export default createReactClass({
         </span>;
 
         const content = this.props.text ?
+            <span>
                 <span className="mx_SenderProfile_aux">
                     { _t(this.props.text, { senderName: () => nameElem }) }
+                </span>
             </span> : nameFlair;
 
         return (