Adding fix for long text

client/coral-admin/src/containers/ModerationQueue/components/ModerationHeader.js

@@ -11,7 +11,7 @@ const ModerationHeader = props => (
             <div className={`mdl-tabs__tab-bar ${styles.moderateAsset}`}>
               <Link className="mdl-tabs__tab" to="/admin/moderate">All Streams</Link>
               <a className="mdl-tabs__tab">
-                {props.asset.title}
+                <span>{props.asset.title}</span>
                 <a href={props.asset.url} className={styles.settingsButton}><Icon name="settings"/></a>
               </a>
               <Link className="mdl-tabs__tab" to="/admin/streams">Select Stream</Link>

client/coral-admin/src/containers/ModerationQueue/components/styles.css

@@ -114,7 +114,15 @@ span {
       }
 
       &:nth-child(2) {
-       text-align: center;
+        span {
+          text-align: center;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          overflow: hidden;
+          max-width: 344px;
+          display: inline-block;
+          vertical-align: top;
+        }
       }
 
       &:last-child {