From f85fc2df095d124f0f01b908d02f9ed1d21f1c45 Mon Sep 17 00:00:00 2001
From: Tommy Vedvik <tommyvedvik@gmail.com>
Date: Wed, 27 Feb 2019 21:22:55 +0100
Subject: [PATCH] fix paddings

---
 src/assets/style/_variables.scss | 4 ++--
 src/components/PostMeta.vue      | 1 +
 src/layouts/Default.vue          | 2 +-
 src/templates/Post.vue           | 8 +++++---
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/assets/style/_variables.scss b/src/assets/style/_variables.scss
index 6823e01..b9a59af 100644
--- a/src/assets/style/_variables.scss
+++ b/src/assets/style/_variables.scss
@@ -11,8 +11,8 @@ body {
  	--title-color: #111;
  	--link-color: #2cb2f5;
  	--border-color:  rgba(0,0,0,.1);;
-  --space: 2.5rem;
-  --container-width: 800px;
+  --space: 3.5rem;
+  --container-width: 860px;
   --header-height: 80px;
   --radius: 5px;
 }
diff --git a/src/components/PostMeta.vue b/src/components/PostMeta.vue
index c5eeaea..d121bb6 100644
--- a/src/components/PostMeta.vue
+++ b/src/components/PostMeta.vue
@@ -16,5 +16,6 @@ export default {
 <style lang="scss">
 .post-meta {
 	font-size: .8em;
+	opacity: .7;
 }
 </style>
\ No newline at end of file
diff --git a/src/layouts/Default.vue b/src/layouts/Default.vue
index 460b40e..5a7da9e 100644
--- a/src/layouts/Default.vue
+++ b/src/layouts/Default.vue
@@ -63,7 +63,7 @@ export default {
 .main {
   max-width: var(--container-width);
   margin: 0 auto;
-  padding: 3.33vw 15px 0;
+  padding: 2.5vw 15px 0;
 }
 
 .footer {
diff --git a/src/templates/Post.vue b/src/templates/Post.vue
index 991f1e2..3ef6940 100644
--- a/src/templates/Post.vue
+++ b/src/templates/Post.vue
@@ -45,14 +45,14 @@ query Post ($path: String!) {
     timeToRead
     excerpt
     content
-    poster (width: 780, blur: 10)
+    poster (width: 860, blur: 10)
   }
 }
 </page-query>
 
 <style lang="scss">
 .post-title {
-	padding: calc(var(--space) / 2) 0 var(--space);
+	padding: calc(var(--space) / 2) 0 calc(var(--space) / 2);
 	text-align: center;
 }
 
@@ -65,7 +65,9 @@ query Post ($path: String!) {
 		margin-bottom: calc(var(--space) / 2);
 		overflow: hidden;
 		border-radius: var(--radius) var(--radius) 0 0;
-		
+		img {
+			width: 100%;
+		}
 		&:empty {
 			display: none;
 		}