From 995b7ebe2552c9db528365e7ccc5a331523ac50c Mon Sep 17 00:00:00 2001
From: Cara Salter <cara@devcara.com>
Date: Wed, 22 Dec 2021 14:02:12 -0500
Subject: Customize post listings

---
 statics/custom.css         | 13 +++++++++++++
 templates/bloglist.rs.html |  4 ++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/statics/custom.css b/statics/custom.css
index 827bd23..15045f4 100644
--- a/statics/custom.css
+++ b/statics/custom.css
@@ -3,6 +3,10 @@ body {
 	font-family: sans-serif;
 }
 
+a {
+	background-color: unset;
+}
+
 /* Base container */
 .container {
 	margin: auto; /* centered */
@@ -31,6 +35,7 @@ body {
 	padding-top: 0.4rem;
 }
 
+/* Front page columns */
 .two-column {
 	display: flex;
 	justify-content: center;
@@ -39,3 +44,11 @@ body {
 .inner-column {
 	flex: 50%;
 }
+
+/* Post list */
+.post-list {
+	list-style-type: none;
+}
+.post-item {
+	padding: 0.5rem;
+}
diff --git a/templates/bloglist.rs.html b/templates/bloglist.rs.html
index 98cd171..505f9a7 100644
--- a/templates/bloglist.rs.html
+++ b/templates/bloglist.rs.html
@@ -8,9 +8,9 @@
 <h1>Posts</h1>
 
 <p>
-<ul>
+<ul class="post-list">
 	@for post in posts {
-		<li>@post.date.format("%B %d %Y") -
+		<li class="post-item">@post.date.format("%B %d %Y") -
 			<a href="/@post.link">@post.front_matter.title</a></li>
 	}
 </ul>
-- 
cgit v1.2.3