MM-319 - Minor ui changes

web/react/components/post_body.jsx

@@ -63,7 +63,7 @@ module.exports = React.createClass({
         var loading;
         if (post.state === Constants.POST_FAILED) {
             postClass += " post-fail";
-            loading = <a className="post-retry pull-right" href="#" onClick={this.props.retryPost}>Retry</a>;
+            loading = <a className="theme post-retry pull-right" href="#" onClick={this.props.retryPost}>Retry</a>;
         } else if (post.state === Constants.POST_LOADING) {
             postClass += " post-waiting";
             loading = <img className="post-loading-gif pull-right" src="/static/images/load.gif"/>;

web/react/components/post_right.jsx

@@ -191,7 +191,7 @@ CommentPost = React.createClass({
         var postClass = '';
         if (post.state === Constants.POST_FAILED) {
             postClass += ' post-fail';
-            loading = <a className='post-retry pull-right' href='#' onClick={this.retryComment}>Retry</a>;
+            loading = <a className='theme post-retry pull-right' href='#' onClick={this.retryComment}>Retry</a>;
         } else if (post.state === Constants.POST_LOADING) {
             postClass += ' post-waiting';
             loading = <img className='post-loading-gif pull-right' src='/static/images/load.gif'/>;

web/sass-files/sass/partials/_post.scss

@@ -315,6 +315,21 @@ body.ios {
 		font-size: 0.97em;
 		white-space: pre-wrap;
 	}
+
+	.post-loading-gif {
+		height:10px;
+		width:10px;
+		margin-top:6px;
+	}
+
+	.post-fail {
+		color: #D58A8A;
+	}
+
+	.post-waiting {
+		color: #999;
+	}
+
 	.comment-icon__container {
 		margin-left: 7px;
 		fill: $primary-color;
@@ -461,21 +476,3 @@ body.ios {
 		}
 	}
 }
-
-.post-waiting {
-    color:lightgrey;
-}
-
-.post-loading-gif {
-    height:10px;
-    width:10px;
-    margin-top:6px;
-}
-
-.post-fail {
-    color:red;
-}
-
-.post-retry {
-    color:darkgrey;
-}