From 99a4792c6813d504d4328b3c2a8abe3c6bda3348 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Wed, 6 Nov 2019 21:44:32 +0100
Subject: [PATCH] spacing tweaks

---
 src/styles/_mixins.scss              | 4 ++++
 src/styles/_variables.scss           | 2 +-
 src/styles/global.scss               | 4 ++--
 src/templates/Post/index.module.scss | 7 +++++--
 src/templates/Posts.module.scss      | 5 +++++
 5 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/styles/_mixins.scss b/src/styles/_mixins.scss
index 3c0f86f6..f670e9ab 100644
--- a/src/styles/_mixins.scss
+++ b/src/styles/_mixins.scss
@@ -186,4 +186,8 @@
     box-shadow: 0 3px 5px rgba(darken($brand-main, 20%), 0.25),
       0 5px 16px rgba(darken($brand-main, 20%), 0.25);
   }
+
+  img {
+    border-radius: $border-radius;
+  }
 }
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
index 46c96fe4..ba2e7949 100644
--- a/src/styles/_variables.scss
+++ b/src/styles/_variables.scss
@@ -53,7 +53,7 @@ $font-size-h4: 1.2rem;
 $font-size-h5: $font-size-large;
 $font-size-h6: $font-size-base;
 
-$line-height: 1.65;
+$line-height: 1.5;
 $line-height-small: 1.1428571429;
 
 $font-family-base: 'ff-tisa-sans-web-pro', 'Trebuchet MS', 'Helvetica Neue',
diff --git a/src/styles/global.scss b/src/styles/global.scss
index 5d4148ba..7a5a26b6 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -197,13 +197,13 @@ img {
 
 figcaption {
   font-size: $font-size-small;
-  color: $brand-grey;
+  color: $brand-grey-light;
   font-style: italic;
   text-align: center;
   margin-top: ($spacer / 4);
 
   .dark & {
-    color: $brand-grey-light;
+    color: $brand-grey;
   }
 }
 
diff --git a/src/templates/Post/index.module.scss b/src/templates/Post/index.module.scss
index b7cf1329..86a915dd 100644
--- a/src/templates/Post/index.module.scss
+++ b/src/templates/Post/index.module.scss
@@ -14,11 +14,14 @@
     padding-bottom: $spacer;
   }
 
-  .gatsby-resp-image-figure,
-  .gatsby-resp-image-wrapper {
+  :global(.gatsby-resp-image-figure) {
     margin-bottom: $spacer;
   }
 
+  img {
+    border-radius: $border-radius;
+  }
+
   :global(.anchor) {
     margin-top: $spacer / 3;
     font-size: $font-size-large;
diff --git a/src/templates/Posts.module.scss b/src/templates/Posts.module.scss
index 417aac1c..ae13c5b5 100644
--- a/src/templates/Posts.module.scss
+++ b/src/templates/Posts.module.scss
@@ -12,6 +12,11 @@
   :global(.gatsby-image-wrapper) {
     max-height: 100vh;
   }
+
+  @media (min-width: $screen-md) {
+    padding-top: $spacer * 4;
+    padding-bottom: $spacer * 4;
+  }
 }
 
 .archiveTitle {