From e41dc292b8dab6ea257c90417e42450f3b76fdd0 Mon Sep 17 00:00:00 2001
From: Max Leiter <max.leiter@vercel.com>
Date: Sun, 18 Dec 2022 18:35:55 -0800
Subject: [PATCH] Center icon and text in post list li

---
 src/app/components/post-list/list-item.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/app/components/post-list/list-item.tsx b/src/app/components/post-list/list-item.tsx
index b6bdba51..4127dafc 100644
--- a/src/app/components/post-list/list-item.tsx
+++ b/src/app/components/post-list/list-item.tsx
@@ -127,8 +127,11 @@ const ListItem = ({
 							(file: Pick<PostWithFiles, "files">["files"][0]) => {
 								return (
 									<li key={file.id}>
-										<Link colored href={`/post/${post.id}#${file.title}`}>
-											{getIconFromFilename(file.title)}
+										<Link colored href={`/post/${post.id}#${file.title}`} style={{
+											display: "flex",
+											alignItems: "center"
+										}}>
+``											{getIconFromFilename(file.title)}
 											{file.title || "Untitled file"}
 										</Link>
 									</li>