From b016eab27b9499bc012c6c228082aa19413a6d33 Mon Sep 17 00:00:00 2001
From: LordMathis <namesny.matus@gmail.com>
Date: Sun, 12 Nov 2017 19:47:38 +0100
Subject: [PATCH] Update styles

---
 src/components/Post.js           | 12 +++++++++---
 src/static/stylesheets/main.scss |  6 +++++-
 src/utils/api.js                 |  1 +
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/components/Post.js b/src/components/Post.js
index 68234af..b9b436b 100644
--- a/src/components/Post.js
+++ b/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>
     )
diff --git a/src/static/stylesheets/main.scss b/src/static/stylesheets/main.scss
index e1d314f..d2a30ce 100644
--- a/src/static/stylesheets/main.scss
+++ b/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%;
   }
 }
diff --git a/src/utils/api.js b/src/utils/api.js
index d7877e5..36ace24 100644
--- a/src/utils/api.js
+++ b/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,
       });