From e21d8966690fdeffc76d000a251d2cb7ab66dbe0 Mon Sep 17 00:00:00 2001
From: Max Leiter <max.leiter@vercel.com>
Date: Tue, 21 Feb 2023 23:48:34 -0800
Subject: [PATCH] Improve list item skeleton on desktop

---
 src/app/components/post-list/list-item-skeleton.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/components/post-list/list-item-skeleton.tsx b/src/app/components/post-list/list-item-skeleton.tsx
index a08f28f5..6b7120fc 100644
--- a/src/app/components/post-list/list-item-skeleton.tsx
+++ b/src/app/components/post-list/list-item-skeleton.tsx
@@ -5,7 +5,8 @@ import Skeleton from "@components/skeleton"
 export const ListItemSkeleton = () => (
 	<li>
 		<Card style={{ overflowY: "scroll" }}>
-			<div style={{ display: "flex", gap: 16 }}>
+			{/* TODO: this is a bad way to do skeletons and is onlya ccurate on desktop */}
+			<div style={{ display: "flex", gap: 16, marginBottom: 14 }}>
 				<div className={styles.title}>
 					{/* title */}
 					<Skeleton width={80} height={32} />