From 9aa4ca29f447d3eb3add5d14ef651224c7eda842 Mon Sep 17 00:00:00 2001
From: Nico Jensen <mail@njensen.org>
Date: Mon, 21 Jun 2021 19:06:30 +0200
Subject: [PATCH] Fix some design issues

---
 _includes/blog.html | 4 ++--
 _layouts/post.html  | 4 ++--
 _sass/main.scss     | 8 ++++++--
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/_includes/blog.html b/_includes/blog.html
index fd522f5..1c1bb9b 100644
--- a/_includes/blog.html
+++ b/_includes/blog.html
@@ -1,8 +1,8 @@
 <main id="post-container">
     {% for post in paginator.posts %}
         <article class="post">
-            <header class="post-header">
-                <div class="post-title wrapper">
+            <header class="post-header wrapper">
+                <div class="post-title">
                     <h2 class="post-title"><a href="{{post.url}}" rel="bookmark">{{post.title}}</a></h2>
                     <p class="public-date">vom <time class="post-date" datetime="{{post.date | date: "%Y-%m-%d"}}">
                             {% assign m = post.date | date: "%-m" %}
diff --git a/_layouts/post.html b/_layouts/post.html
index a3144e5..7b76895 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -3,9 +3,9 @@ layout: default
 ---
 <main id="post-container" class="single-post">
     <article class="post">
-        <header class="post-header">
+        <header class="post-header wrapper">
             {% if page.featured-image %}{% include post-featured-image.html image=page.featured-image alt=page.featured-image-alt %}{% endif %}
-            <div class="post-title wrapper">
+            <div class="post-title">
                 <h2>
                     {% if page.external-url %}
                         <a href="{{ page.external-url }}">{{ page.title }}</a>
diff --git a/_sass/main.scss b/_sass/main.scss
index 273df55..3eb9646 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -57,7 +57,7 @@ a:hover {
 
 .header p {
   margin: 0;
-  padding: 0 0 0 2px;
+  padding: 0 0 0 4px;
   font: 700 14px/1 'Open Sans', sans-serif;
   color: #444444;
 }
@@ -122,13 +122,17 @@ blockquote {
 }
 
 .single-post {
-  padding-top: 10rem;
+  padding-top: 2.5rem;
 }
 
 article.post:first-child {
   padding-top: 0;
 }
 
+article.post p {
+  padding-left: 2px;
+}
+
 article.post header.post-header div.post-title h2 {
   margin-bottom: 0;
 }