From b1fe63452333028d436db18cef72f9230a5d4aca Mon Sep 17 00:00:00 2001
From: Rajveer Singh <rajveergreets@gmail.com>
Date: Sat, 7 Dec 2024 20:27:28 +0530
Subject: [PATCH 1/5] fix: iframe-video positioning and width

---
 src/components/AppxVideoPlayer.tsx    | 2 +-
 src/components/VideoPlayerSegment.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/AppxVideoPlayer.tsx b/src/components/AppxVideoPlayer.tsx
index 33158780e..5e24f0686 100644
--- a/src/components/AppxVideoPlayer.tsx
+++ b/src/components/AppxVideoPlayer.tsx
@@ -38,7 +38,7 @@ export const AppxVideoPlayer = ({
   }
   return <iframe
     src={url}
-    className="h-[80vh] w-[80vw] rounded-lg"
+    className="w-full rounded-lg aspect-video"
     allowFullScreen
   ></iframe >;
 };
diff --git a/src/components/VideoPlayerSegment.tsx b/src/components/VideoPlayerSegment.tsx
index e546a5d6b..da2870caa 100644
--- a/src/components/VideoPlayerSegment.tsx
+++ b/src/components/VideoPlayerSegment.tsx
@@ -98,7 +98,7 @@ export const VideoPlayerSegment: FunctionComponent<VideoProps> = ({
         <div
           id="thumbnail-preview"
           ref={thumbnailPreviewRef}
-          className="pointer-events-none absolute z-10 hidden h-[180px] w-[320px] bg-cover bg-no-repeat"
+          className="pointer-events-none absolute z-10 hidden h-full w-full bg-cover bg-no-repeat"
         />
         <VideoPlayer
           setQuality={setQuality}

From 64fb626baeb34055204db4a6aa63fd1a9fcf564a Mon Sep 17 00:00:00 2001
From: Rajveer Singh <rajveergreets@gmail.com>
Date: Sat, 7 Dec 2024 21:11:52 +0530
Subject: [PATCH 2/5] fix: increased sidebar padding-bottom to ensure the last
 accordion is visible, and centered accordion text for smaller screen sizes

---
 src/components/Sidebar.tsx      | 2 +-
 src/components/ui/accordion.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index d3bf61eb3..4c5a80ab2 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -271,7 +271,7 @@ export function Sidebar({
             <Accordion
               type="multiple"
               defaultValue={currentActiveContentIds.map((num) => `item-${num}`)}
-              className="w-full px-4 pb-24 capitalize"
+              className="w-full px-4 pb-40 capitalize"
             >
               {memoizedContent}
             </Accordion>
diff --git a/src/components/ui/accordion.tsx b/src/components/ui/accordion.tsx
index 3c59fd223..a3ac0868b 100644
--- a/src/components/ui/accordion.tsx
+++ b/src/components/ui/accordion.tsx
@@ -28,7 +28,7 @@ const AccordionTrigger = React.forwardRef<
     <AccordionPrimitive.Trigger
       ref={ref}
       className={cn(
-        'flex flex-1 items-center justify-between py-4 transition-all [&[data-state=open]>svg]:rotate-180',
+        'flex flex-1 items-center justify-between py-4 transition-all [&[data-state=open]>svg]:rotate-180 text-start',
         className,
       )}
       {...props}

From 3ade5f9beb1250b34b7166760a5d29b3e3738529 Mon Sep 17 00:00:00 2001
From: Rajveer Singh <rajveergreets@gmail.com>
Date: Mon, 9 Dec 2024 02:48:41 +0530
Subject: [PATCH 3/5] fixed position and alignment of filter button

---
 src/app/courses/[courseId]/layout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/courses/[courseId]/layout.tsx b/src/app/courses/[courseId]/layout.tsx
index df922375a..827af309b 100644
--- a/src/app/courses/[courseId]/layout.tsx
+++ b/src/app/courses/[courseId]/layout.tsx
@@ -49,11 +49,11 @@ const Layout = async ({
   const fullCourseContent = await getFullCourseContent(parseInt(courseId, 10));
   return (
     <div className="relative flex min-h-screen flex-col py-24">
-      <div className="flex justify-between">
+      <div className="flex justify-between items-center">
         <div className="2/3">
           <Sidebar fullCourseContent={fullCourseContent} courseId={courseId} />
         </div>
-        <div className="w-1/3">
+        <div>
           <FilterContent />
         </div>
       </div>

From dfc7e99ea34360c79754ca29876950ce092d7362 Mon Sep 17 00:00:00 2001
From: Rajveer Singh <rajveergreets@gmail.com>
Date: Mon, 9 Dec 2024 02:51:43 +0530
Subject: [PATCH 4/5] minor fix: removed the unnessary ugly looking borders
 around show contents button

---
 src/components/Sidebar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 4c5a80ab2..6200ce692 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -231,7 +231,7 @@ export function Sidebar({
   );
 
   return (
-    <div className="sticky top-[72px] z-20 bg-background py-2">
+    <div className="sticky top-[72px] z-20 py-2">
       <Button
         ref={buttonRef}
         onClick={() => setSidebarOpen((s) => !s)}

From 6cbc2b711b076a7dc7c5641a40ccd2bf20097b46 Mon Sep 17 00:00:00 2001
From: Rajveer Singh <rajveergreets@gmail.com>
Date: Wed, 11 Dec 2024 23:34:43 +0530
Subject: [PATCH 5/5] Resolved logo and search icon overlap in the navbar on
 small mobile devices

---
 src/components/Navbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 052a855c5..14e7375b5 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -80,7 +80,7 @@ export const Navbar = () => {
                 className="size-10 rounded-full"
               />
               <p
-                className={`hidden bg-gradient-to-b from-blue-400 to-blue-700 bg-clip-text text-2xl font-black tracking-tighter text-transparent min-[375px]:block`}
+                className={`hidden bg-gradient-to-b from-blue-400 to-blue-700 bg-clip-text text-2xl font-black tracking-tighter text-transparent min-[410px]:block`}
               >
                 100xDevs
               </p>