From d5e0ed08575466b709113d2a1e24ae1fe1a4d294 Mon Sep 17 00:00:00 2001
From: Robert Kaussow <mail@thegeeklab.de>
Date: Mon, 7 Feb 2022 00:10:30 +0100
Subject: [PATCH] fix: fix formatting of multiline post metadata (#197)

---
 layouts/partials/metadata.html |  8 ++++++--
 src/sass/_base.scss            | 15 +++++++++------
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/layouts/partials/metadata.html b/layouts/partials/metadata.html
index cc14149..84d05f7 100644
--- a/layouts/partials/metadata.html
+++ b/layouts/partials/metadata.html
@@ -33,7 +33,9 @@
           {{ template "post-author" dict "name" $author.name "page" . }}
         </span>
       {{ else }}
-        {{ template "post-author" dict "name" $author.name "page" . }}
+        <span class="flex align-center">
+          {{ template "post-author" dict "name" $author.name "page" . }}
+        </span>
       {{ end }}
     {{ end }}
     {{ $ac = (add $ac 1) }}
@@ -51,7 +53,9 @@
           {{ template "post-tag" dict "name" $name "page" . }}
         </span>
       {{ else }}
-        {{ template "post-tag" dict "name" $name "page" . }}
+        <span class="flex align-center">
+          {{ template "post-tag" dict "name" $name "page" . }}
+        </span>
       {{ end }}
     {{ end }}
     {{ $tc = (add $tc 1) }}
diff --git a/src/sass/_base.scss b/src/sass/_base.scss
index fa66101..4fdbf90 100644
--- a/src/sass/_base.scss
+++ b/src/sass/_base.scss
@@ -312,7 +312,7 @@ img {
   }
 
   &__readmore {
-    margin: $padding-16 0;
+    margin: $padding-32 0;
 
     a:visited {
       color: var(--link-color);
@@ -396,12 +396,15 @@ img {
   }
 
   &__meta {
-    span:first-child .icon {
+    span .icon {
       margin-left: -5px;
     }
 
-    :not(:first-child).no-wrap {
-      margin-left: $padding-8;
+    > span {
+      margin: $padding-4 0;
+      &:not(:last-child) {
+        margin-right: $padding-8;
+      }
     }
 
     .icon {
@@ -409,11 +412,11 @@ img {
     }
 
     .gblog-button {
-      margin-left: $padding-4;
+      margin: 0 $padding-2 0 0;
     }
 
     &--head {
-      padding-bottom: $padding-16;
+      margin-bottom: $padding-32;
     }
   }