New post - more css changes (date)

client/js/components/Post.js

@@ -1,7 +1,10 @@
 import React from 'react';
+import {Link} from 'react-router';
 import marked from 'marked';
 import hljs from 'highlight.js';
 
+import '../../assets/scss/Content.scss';
+
 const renderer = new marked.Renderer();
 
 marked.setOptions({
@@ -15,7 +18,10 @@ export default class Post extends React.Component{
 
   render(){
     return(
-      <div class="Preview" dangerouslySetInnerHTML={{__html : marked(this.props.content, {renderer : renderer})}}>
+      <div class="Content">
+        <div dangerouslySetInnerHTML={{__html : marked(this.props.content, {renderer : renderer})}}>
+        </div>
+        <Link to="/" class="link"><i class="fa fa-caret-left" aria-hidden="true"></i> Home</Link>
       </div>
     );
   }

client/js/components/Preview.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import {Link} from 'react-router';
 
-import '../../assets/scss/Preview.scss';
+import '../../assets/scss/Content.scss';
 
 export default class Preview extends React.Component{
 
@@ -17,7 +17,7 @@ export default class Preview extends React.Component{
           <p>{posts[i].intro.toString()}</p>
           <p>
             <Link class="link" to={`/post/${posts[i].category}/${posts[i].filename}`}>
-              continue reading...
+              continue reading <i class="fa fa-caret-right" aria-hidden="true"></i>
             </Link>
           </p>
         </div>
@@ -31,7 +31,7 @@ export default class Preview extends React.Component{
     const posts = this.props.posts;
 
     return (
-      <div class="Preview">
+      <div class="Content">
         {posts.length > 0 ? this.insertPosts(posts): ""}
       </div>
     );

client/js/pages/Index.js

@@ -37,10 +37,8 @@ export default class Index extends React.Component {
           <div class="Layout" >
             <Header />
               <div class="Main">
-                <div class="Content">
                   {typeof this.page === 'undefined' ? <Preview posts={this.props.redux.preview.posts} /> : ""}
                   {this.page === 'post' ? <Post content={this.props.redux.post}/> : ""}
-                </div>
                 <Sidebar />
               </div>
             <Footer />