Update styles

src/components/Post.js

@@ -11,9 +11,15 @@ export default class Post extends Component {
 
     return (
       <div className="content-wrapper">
-        <h1>{this.props.post.title}</h1>
-        <h4>{this.props.post.published}</h4>
-        <div className="content" dangerouslySetInnerHTML={{__html: this.props.post.body}}>
+        <a href={this.props.post.link}>
+          <h1>{this.props.post.title}</h1>
+        </a>
+        <div className="content">
+          <div className="post-date">
+            <h3>{this.props.post.published}</h3>
+          </div>
+          <div className="post-content" dangerouslySetInnerHTML={{__html: this.props.post.body}}>
+          </div>
         </div>
       </div>
     )

src/static/stylesheets/main.scss

@@ -131,6 +131,10 @@ body {
 	padding: 0 5px 0 5px;
 }
 
+.post-content {
+  clear: both;
+}
+
 .post-summary, .post-content{
 	clear: both;
 }
@@ -155,6 +159,6 @@ body {
   box-sizing: border-box;
   margin: 0 auto;
   @media screen and (min-width: $break-large) {
-    width: 80%;
+    width: 90%;
   }
 }

src/utils/api.js

@@ -22,6 +22,7 @@ api.get('/post/:postname', (req, res) => {
     } else {
       res.json({
         published: post.published,
+        link: post.link,
         title: post.title,
         body: data,
       });