From f8a3408ac1f521c4049de96b44637cf0b8c1028c Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Wed, 9 Oct 2024 23:32:29 -0700
Subject: reduce padding for channel cards on small devices

---
 src/components/ChannelCard/ChannelCard.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'src/components/ChannelCard/ChannelCard.tsx')

diff --git a/src/components/ChannelCard/ChannelCard.tsx b/src/components/ChannelCard/ChannelCard.tsx
index 0aefb97..1cdb03e 100644
--- a/src/components/ChannelCard/ChannelCard.tsx
+++ b/src/components/ChannelCard/ChannelCard.tsx
@@ -74,14 +74,14 @@ const ChannelCard: React.FC<ChannelCardProps> = ({
           </p>
         </div>
       </div>
-      <div className="bg-gray-700 rounded-lg p-4 mb-6">
+      <div className="bg-gray-700 rounded-lg p-4 sm:p-0 mb-6">
         <p className="text-md sm:text-lg font-semibold text-white">
           Next Milestone: {Number(nextMilestone).toLocaleString()}
         </p>
         <p className="text-xs sm:text-sm text-gray-300">
           Estimated Date: {nextMilestoneDate}
         </p>
-        <div className="flex justify-center sm:p-4">
+        <div className="flex justify-center sm:p-2">
           <Countdown targetDate={nextMilestoneDate} />
         </div>
       </div>
-- 
cgit v1.2.3

