From e96666b7af9d1e569f8ae6057017846b7e7ee25c Mon Sep 17 00:00:00 2001
From: austinkelsay <austinkelsay@yahoo.com>
Date: Sat, 12 Oct 2024 17:40:13 -0500
Subject: [PATCH] Fix template spacing on mobile

---
 src/components/content/carousels/templates/CourseTemplate.js   | 2 +-
 src/components/content/carousels/templates/DocumentTemplate.js | 2 +-
 src/components/content/carousels/templates/VideoTemplate.js    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/content/carousels/templates/CourseTemplate.js b/src/components/content/carousels/templates/CourseTemplate.js
index be2d4d0..64a0bd2 100644
--- a/src/components/content/carousels/templates/CourseTemplate.js
+++ b/src/components/content/carousels/templates/CourseTemplate.js
@@ -110,7 +110,7 @@ export function CourseTemplate({ course }) {
           </div>
         </div>
       </CardDescription>
-      <CardFooter className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 border-t border-gray-700 pt-4">
+      <CardFooter className={`flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 border-t border-gray-700 pt-4 ${isMobile ? "px-3" : ""}`}>
         <p className="text-sm text-gray-300">{course?.published_at && course.published_at !== "" ? (
           formatTimestampToHowLongAgo(course.published_at)
         ) : (
diff --git a/src/components/content/carousels/templates/DocumentTemplate.js b/src/components/content/carousels/templates/DocumentTemplate.js
index b8495e8..fe1570c 100644
--- a/src/components/content/carousels/templates/DocumentTemplate.js
+++ b/src/components/content/carousels/templates/DocumentTemplate.js
@@ -99,7 +99,7 @@ export function DocumentTemplate({ document }) {
                     </div>
                 </div>
             </CardDescription>
-            <CardFooter className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 border-t border-gray-700 pt-4">
+            <CardFooter className={`flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 border-t border-gray-700 pt-4 ${isMobile ? "px-3" : ""}`}>
                 <p className="text-sm text-gray-300">{document?.published_at && document.published_at !== "" ? (
                     formatTimestampToHowLongAgo(document.published_at)
                 ) : (
diff --git a/src/components/content/carousels/templates/VideoTemplate.js b/src/components/content/carousels/templates/VideoTemplate.js
index 2e46de5..e2b0a7b 100644
--- a/src/components/content/carousels/templates/VideoTemplate.js
+++ b/src/components/content/carousels/templates/VideoTemplate.js
@@ -101,7 +101,7 @@ export function VideoTemplate({ video }) {
                     </div>
                 </div>
             </CardDescription>
-            <CardFooter className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 border-t border-gray-700 pt-4">
+            <CardFooter className={`flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 border-t border-gray-700 pt-4 ${isMobile ? "px-3" : ""}`}>
                 <p className="text-sm text-gray-300">{video?.published_at && video.published_at !== "" ? (
                     formatTimestampToHowLongAgo(video.published_at)
                 ) : (