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

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

diff --git a/layouts/partials/posts/metadata.html b/layouts/partials/posts/metadata.html
index 3754f0d..85cc24c 100644
--- a/layouts/partials/posts/metadata.html
+++ b/layouts/partials/posts/metadata.html
@@ -26,7 +26,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 31ce6d2..38f92c4 100644
--- a/src/sass/_base.scss
+++ b/src/sass/_base.scss
@@ -467,7 +467,7 @@ img {
   }
 
   &__readmore {
-    margin: $padding-16 0;
+    margin: $padding-32 0;
 
     a,
     a:hover,
@@ -478,12 +478,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 {
@@ -491,11 +494,11 @@ img {
     }
 
     .gdoc-button {
-      margin-left: $padding-4;
+      margin: 0 $padding-2 0 0;
     }
 
     &--head {
-      padding-bottom: $padding-16;
+      margin-bottom: $padding-32;
     }
   }