Center icon and text in post list li

2022-12-18 18:35:55 -08:00 · 2022-12-18 18:35:55 -08:00 · e41dc292b8
commit e41dc292b8
parent e4b215b7a8
1 changed files with 5 additions and 2 deletions
--- 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>