Changing icon and link

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

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

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

@@ -84,11 +84,9 @@ span {
   margin-bottom: -1px;
 
   .settingsButton {
-    i {
-      vertical-align: middle;
-      margin-left: 10px;
-      margin-top: -4px;
-    }
+    vertical-align: middle;
+    margin-left: 10px;
+    margin-top: -4px;
   }
 
   .moderateAsset {

client/coral-ui/components/Icon.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import {Icon as IconMDL}  from 'react-mdl';
 
-const Icon = ({className, name}) => (
+const Icon = ({className = '', name}) => (
   <IconMDL className={className} name={name} />
 );