From addbc1ea9bf9a78838aa0a7435e1c14dd6d78779 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Thu, 6 Mar 2025 15:48:06 +0000
Subject: [PATCH] Improve course UI

---
 src/components/GenerateCourse/AICourseModuleList.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/GenerateCourse/AICourseModuleList.tsx b/src/components/GenerateCourse/AICourseModuleList.tsx
index 580112056..26b702861 100644
--- a/src/components/GenerateCourse/AICourseModuleList.tsx
+++ b/src/components/GenerateCourse/AICourseModuleList.tsx
@@ -160,7 +160,7 @@ export function AICourseModuleList(props: AICourseModuleListProps) {
                         setViewMode('module');
                       }}
                       className={cn(
-                        'flex w-full cursor-pointer items-center py-3 pl-3.5 pr-2 text-left text-sm leading-relaxed',
+                        'flex gap-2.5 w-full cursor-pointer items-center py-3 pl-3.5 pr-2 text-left text-sm leading-normal',
                         activeModuleIndex === moduleIdx &&
                           activeLessonIndex === lessonIdx
                           ? 'bg-gray-200 text-black'
@@ -170,7 +170,7 @@ export function AICourseModuleList(props: AICourseModuleListProps) {
                       {isCompleted ? (
                         <CheckIcon
                           additionalClasses={cn(
-                            'size-[18px] relative bg-white rounded-full top-[2px] mr-2.5 flex-shrink-0 text-green-600',
+                            'size-[18px] relative bg-white rounded-full top-[2px] flex-shrink-0 text-green-600',
                             {
                               'text-black':
                                 activeModuleIndex === moduleIdx &&
@@ -181,7 +181,7 @@ export function AICourseModuleList(props: AICourseModuleListProps) {
                       ) : (
                         <span
                           className={cn(
-                            'mr-2 flex size-[18px] flex-shrink-0 items-center justify-center rounded-full bg-gray-400/70 text-xs font-semibold text-white',
+                            'flex size-[18px] flex-shrink-0 items-center justify-center rounded-full bg-gray-400/70 text-xs font-semibold text-white',
                             {
                               'bg-black':
                                 activeModuleIndex === moduleIdx &&