fix: fix formatting of multiline post metadata (#333)

thegeeklab · Feb 7, 2022 · cd9ab9e · cd9ab9e
1 parent e97cddf
commit cd9ab9e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git 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
@@ -467,7 +467,7 @@ img {
   }
 
   &__readmore {
-    margin: $padding-16 0;
+    margin: $padding-32 0;
 
     a,
     a:hover,
@@ -478,24 +478,27 @@ 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 {
       font-size: 1.2em;
     }
 
     .gdoc-button {
-      margin-left: $padding-4;
+      margin: 0 $padding-2 0 0;
     }
 
     &--head {
-      padding-bottom: $padding-16;
+      margin-bottom: $padding-32;
     }
   }