From 6e3282da5c6b09999b7b0fdca5530ee0b74ebdae Mon Sep 17 00:00:00 2001
From: Zach Leatherman <zachleatherman@gmail.com>
Date: Fri, 19 Mar 2021 20:38:32 -0500
Subject: [PATCH] Align tags
---
_includes/layouts/post.njk | 5 ++---
css/index.css | 4 +++-
2 files changed, 5 insertions(+), 4 deletions(-)
diff --git a/_includes/layouts/post.njk b/_includes/layouts/post.njk
index f38bd48..27d6e20 100644
--- a/_includes/layouts/post.njk
+++ b/_includes/layouts/post.njk
@@ -5,9 +5,8 @@ templateClass: tmpl-post
<h1>{{ title }}</h1>
<time datetime="{{ page.date | htmlDateString }}">{{ page.date | readableDate }}</time>
-
-{%- for tag in tags | filterTagList %}
-{%- set tagUrl %}/tags/{{ tag | slug }}/{% endset %}
+{%- for tag in tags | filterTagList -%}
+{%- set tagUrl %}/tags/{{ tag | slug }}/{% endset -%}
<a href="{{ tagUrl | url }}" class="post-tag">{{ tag }}</a>
{%- endfor %}
diff --git a/css/index.css b/css/index.css
index 13b54d0..514f370 100644
--- a/css/index.css
+++ b/css/index.css
@@ -197,7 +197,6 @@ code {
display: inline-flex;
align-items: center;
justify-content: center;
- vertical-align: text-top;
text-transform: uppercase;
font-size: 0.6875em; /* 11px /16 */
padding: 0.09090909090909em 0.3636363636364em; /* 1px 4px /11 */
@@ -216,6 +215,9 @@ a[href].post-tag:hover,
a[href].post-tag:focus {
background-color: var(--lightgray);
}
+.postlist-item > .post-tag {
+ align-self: center;
+}
/* Warning */
.warning {