From ef3c135c9512533244892789e2d068a1857ccd6e Mon Sep 17 00:00:00 2001
From: Reese Schultz <contact@reese.codes>
Date: Mon, 4 Mar 2024 09:32:08 -0600
Subject: [PATCH] style improvements

---
 src/_includes/posts.pug        | 21 +++++++++++----------
 src/_includes/styles/list.scss |  9 ++++++---
 src/_includes/styles/tag.scss  |  2 +-
 src/_includes/styles/text.scss |  9 +++++----
 4 files changed, 23 insertions(+), 18 deletions(-)

diff --git a/src/_includes/posts.pug b/src/_includes/posts.pug
index 7740a3a..2c03635 100644
--- a/src/_includes/posts.pug
+++ b/src/_includes/posts.pug
@@ -12,19 +12,20 @@ if (filteredBy)
 ul.posts
     //- `results` comes from *.tmpl.js
     for post in results
-        li.post
-            h2.title
-                a(href=post.data.url)= post.data.title
+        li.post-container
+            .post
+                h2.title
+                    a(href=post.data.url)= post.data.title
 
-            p.excerpt= post.data.excerpt
+                p.excerpt= post.data.excerpt
 
-            #post-info
-                p.date.for-list= formatDate(post.data.date)
+                #post-info
+                    p.date.for-list= formatDate(post.data.date)
 
-                ul.tags
-                    for tag in post.data.tags
-                        li.tag(class=tag)
-                            a(href=`/blog/tag/${tag}`)= formatTag(tag)
+                    ul.tags.for-list
+                        for tag in post.data.tags
+                            li.tag(class=tag)
+                                a(href=`/blog/tag/${tag}`)= formatTag(tag)
 
 if pagination.totalPages != 1
     #pagination
diff --git a/src/_includes/styles/list.scss b/src/_includes/styles/list.scss
index 6bf9c40..787e840 100644
--- a/src/_includes/styles/list.scss
+++ b/src/_includes/styles/list.scss
@@ -14,16 +14,19 @@
     padding-right: 1rem;
 }
 
-#content>ul.posts>li.post {
+#content>ul.posts>li.post-container {
     border-bottom: 1px solid $grey;
     padding-left: 1rem;
     padding-right: 1rem;
     padding-bottom: 1rem;
     margin-bottom: 1rem;
+    min-height: 225px;
+    display: flex;
+    align-items: center;
 }
 
-#content>ul.posts>li.post:first-child {
-    padding-top: 1rem;
+#content>ul.posts>li.post-container>.post {
+    width: 100%;
 }
 
 #post>ol,
diff --git a/src/_includes/styles/tag.scss b/src/_includes/styles/tag.scss
index 97d4dc9..e8dfcf3 100644
--- a/src/_includes/styles/tag.scss
+++ b/src/_includes/styles/tag.scss
@@ -1,7 +1,7 @@
 #post-info>ul.tags {
     display: flex;
-    justify-content: space-between;
     list-style-type: none;
+    justify-content: space-between;
     padding-top: 1rem;
 }
 
diff --git a/src/_includes/styles/text.scss b/src/_includes/styles/text.scss
index d05adf3..d0b1f28 100644
--- a/src/_includes/styles/text.scss
+++ b/src/_includes/styles/text.scss
@@ -72,7 +72,7 @@ blockquote>p {
     line-height: 1.75rem;
 }
 
-#content>ul.posts>li.post>h2.title {
+#content>ul.posts>li.post-container>.post>h2.title {
     margin-top: 0;
     padding-top: 1rem;
 }
@@ -94,7 +94,7 @@ blockquote>p {
     margin-bottom: 2rem;
 }
 
-li.post>p.excerpt {
+li.post-container>.post>p.excerpt {
     color: $light;
 }
 
@@ -142,8 +142,9 @@ p.go-back.for-post {
 }
 
 #post-info>p.date.for-post {
-    margin-bottom: 0;
-    padding-bottom: 0;
+    color: $grey;
+    padding-bottom: 0.5rem;
+    border-bottom: 1px solid $grey;
 }
 
 #footer>a,