From e4b25d4a096af7b1395a0f80da7b29b22e1649db Mon Sep 17 00:00:00 2001
From: Pas <74743263+Pasithea0@users.noreply.github.com>
Date: Sat, 6 Dec 2025 21:54:32 -0700
Subject: [PATCH] fix carousel padding even more

---
 src/pages/discover/components/MediaCarousel.tsx |  6 +++---
 src/pages/parts/home/BookmarksCarousel.tsx      | 14 +++++++-------
 src/pages/parts/home/WatchingCarousel.tsx       |  8 ++++----
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/pages/discover/components/MediaCarousel.tsx b/src/pages/discover/components/MediaCarousel.tsx
index 5b151023..5e9d4b77 100644
--- a/src/pages/discover/components/MediaCarousel.tsx
+++ b/src/pages/discover/components/MediaCarousel.tsx
@@ -305,7 +305,7 @@ export function MediaCarousel({
   return (
     <div>
       <div className="flex items-center justify-between ml-2 md:ml-8 mt-2">
-        <div className="flex flex-col pl-2 md:pl-[68px]">
+        <div className="flex flex-col pl-2 lg:pl-[68px]">
           <div className="flex items-center gap-4">
             <h2 className="text-2xl cursor-default font-bold text-white md:text-2xl pl-0 text-balance">
               {sectionTitle}
@@ -477,7 +477,7 @@ export function MediaCarousel({
           }}
           onWheel={handleWheel}
         >
-          <div className="md:w-12" />
+          <div className="lg:w-12" />
 
           {media.length > 0
             ? media.map((item) => (
@@ -533,7 +533,7 @@ export function MediaCarousel({
             <MoreCard link={generatedMoreLink} />
           )}
 
-          <div className="md:w-12" />
+          <div className="lg:w-12" />
         </div>
 
         {!isMobile && (
diff --git a/src/pages/parts/home/BookmarksCarousel.tsx b/src/pages/parts/home/BookmarksCarousel.tsx
index a2790e34..9524c696 100644
--- a/src/pages/parts/home/BookmarksCarousel.tsx
+++ b/src/pages/parts/home/BookmarksCarousel.tsx
@@ -299,9 +299,9 @@ export function BookmarksCarousel({
                     <UserIcon icon={icon} className="w-full h-full" />
                   </span>
                 }
-                className="ml-4 md:ml-12 mt-2 -mb-5 md:pl-[48px]"
+                className="ml-4 lg:ml-12 mt-2 -mb-5 lg:pl-[48px]"
               >
-                <div className="mr-4 md:mr-[48px] flex items-center gap-2">
+                <div className="mr-4 lg:mr-[88px] flex items-center gap-2">
                   {editing && section.group && (
                     <EditButtonWithText
                       editing={editing}
@@ -329,7 +329,7 @@ export function BookmarksCarousel({
                   }}
                   onWheel={handleWheel}
                 >
-                  <div className="md:w-12" />
+                  <div className="lg:w-12" />
 
                   {section.items
                     .slice(0, MAX_ITEMS_PER_SECTION)
@@ -357,7 +357,7 @@ export function BookmarksCarousel({
                     <MoreBookmarksCard />
                   )}
 
-                  <div className="md:w-12" />
+                  <div className="lg:w-12" />
                 </div>
 
                 {!isMobile && (
@@ -377,7 +377,7 @@ export function BookmarksCarousel({
               icon={Icons.BOOKMARK}
               className="ml-4 md:ml-12 mt-2 -mb-5"
             >
-              <div className="mr-4 md:mr-8 flex items-center gap-2">
+              <div className="mr-4 lg:mr-[88px] flex items-center gap-2">
                 <EditButton
                   editing={editing}
                   onEdit={setEditing}
@@ -394,7 +394,7 @@ export function BookmarksCarousel({
                 }}
                 onWheel={handleWheel}
               >
-                <div className="md:w-12" />
+                <div className="lg:w-12" />
 
                 {section.items.length > 0
                   ? section.items
@@ -428,7 +428,7 @@ export function BookmarksCarousel({
                   <MoreBookmarksCard />
                 )}
 
-                <div className="md:w-12" />
+                <div className="lg:w-12" />
               </div>
 
               {!isMobile && (
diff --git a/src/pages/parts/home/WatchingCarousel.tsx b/src/pages/parts/home/WatchingCarousel.tsx
index 12366fb9..fa3eceb3 100644
--- a/src/pages/parts/home/WatchingCarousel.tsx
+++ b/src/pages/parts/home/WatchingCarousel.tsx
@@ -91,9 +91,9 @@ export function WatchingCarousel({
       <SectionHeading
         title={t("home.continueWatching.sectionTitle")}
         icon={Icons.CLOCK}
-        className="ml-4 md:ml-12 mt-2 -mb-5 md:pl-[48px]"
+        className="ml-4 lg:ml-12 mt-2 -mb-5 lg:pl-[48px]"
       >
-        <div className="mr-4 md:mr-[48px]">
+        <div className="mr-4 lg:mr-[88px]">
           <EditButton
             editing={editing}
             onEdit={setEditing}
@@ -110,7 +110,7 @@ export function WatchingCarousel({
           }}
           onWheel={handleWheel}
         >
-          <div className="md:w-12" />
+          <div className="lg:w-12" />
 
           {items.length > 0
             ? items.map((media) => (
@@ -136,7 +136,7 @@ export function WatchingCarousel({
                 />
               ))}
 
-          <div className="md:w-12" />
+          <div className="lg:w-12" />
         </div>
 
         {!isMobile && (