Visual updates (patch)

src/containers/Home/Home.js

@@ -4,7 +4,7 @@ import Helmet from 'react-helmet'
 import {Grid, Row, Col} from 'react-flexbox-grid'
 import {Card, CardText, CardTitle, CardActions} from 'react-toolbox/lib/card'
 import {List, ListItem} from 'react-toolbox/lib/list'
-import Button from 'react-toolbox/lib/button'
+import {Button, IconButton} from 'react-toolbox/lib/button'
 import FontIcon from 'react-toolbox/lib/font_icon'
 import Snackbar from 'react-toolbox/lib/snackbar'
 
@@ -97,7 +97,7 @@ export default class Home extends Component {
 
   renderRemoveBtn (set, key) {
     return (
-      <Button icon='visibility_off' label='' primary className={style.linkBtnFix} onClick={this.removeItem.bind(this, set, key)} />
+      <IconButton icon='visibility_off' accent onClick={this.removeItem.bind(this, set, key)} />
     )
   }
 

src/containers/Messages/Messages.js

@@ -226,9 +226,9 @@ export default class Messages extends Component {
     const {user} = this.props
     const like = item.likes.find((item) => item === user.userId)
     if (like) {
-      return <IconButton key='1' icon='favorite' onClick={this.handleUnlike.bind(this, item._id)} accent />
+      return <IconButton key='1' className={'loveRed'} icon='favorite' onClick={this.handleUnlike.bind(this, item._id)} />
     } else {
-      return <IconButton key='1' icon='favorite_border' onClick={this.handleLike.bind(this, item._id)} accent />
+      return <IconButton key='1' className={'loveRed'} icon='favorite_border' onClick={this.handleLike.bind(this, item._id)} />
     }
   }
 

src/containers/Messages/style.css

@@ -71,3 +71,7 @@
     margin-left: 1em;
   }
 }
+
+.loveRed {
+  color: #e30438 !important;
+}

src/global.css

@@ -69,3 +69,7 @@
   font-size: calc(1.4 * var(--unit));
   color: #999;
 }
+
+.loveRed {
+  color: #e30438 !important;
+}