From 6ad7dfe5b7beb6dfc88592ce1799642acbb1ef28 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Fri, 28 Mar 2025 20:18:01 +0000
Subject: [PATCH] Improve questions UI

---
 .../GenerateCourse/AICourseContent.tsx          |  6 ++----
 .../GenerateCourse/AICourseLesson.tsx           |  2 +-
 .../GenerateCourse/AICourseLessonChat.tsx       | 17 ++---------------
 3 files changed, 5 insertions(+), 20 deletions(-)

diff --git a/src/components/GenerateCourse/AICourseContent.tsx b/src/components/GenerateCourse/AICourseContent.tsx
index 6b014eb56..8912f6242 100644
--- a/src/components/GenerateCourse/AICourseContent.tsx
+++ b/src/components/GenerateCourse/AICourseContent.tsx
@@ -5,10 +5,8 @@ import {
   CircleOff,
   Menu,
   X,
-  Map,
-  MessageCircle,
-  MessageCircleOffIcon,
-  MessageCircleIcon,
+  Map, MessageCircleOffIcon,
+  MessageCircleIcon
 } from 'lucide-react';
 import { useEffect, useState } from 'react';
 import { type AiCourse } from '../../lib/ai';
diff --git a/src/components/GenerateCourse/AICourseLesson.tsx b/src/components/GenerateCourse/AICourseLesson.tsx
index 68b194b7f..7be7aa76d 100644
--- a/src/components/GenerateCourse/AICourseLesson.tsx
+++ b/src/components/GenerateCourse/AICourseLesson.tsx
@@ -271,7 +271,7 @@ export function AICourseLesson(props: AICourseLessonProps) {
           defaultSize={isAIChatsOpen ? 60 : 100}
           minSize={40}
           id="course-text-content"
-          className="h-full overflow-y-scroll bg-white"
+          className="h-full !overflow-y-scroll bg-white"
           order={1}
         >
           <div className="relative mx-auto max-w-5xl">
diff --git a/src/components/GenerateCourse/AICourseLessonChat.tsx b/src/components/GenerateCourse/AICourseLessonChat.tsx
index 25717b259..6936105a3 100644
--- a/src/components/GenerateCourse/AICourseLessonChat.tsx
+++ b/src/components/GenerateCourse/AICourseLessonChat.tsx
@@ -249,26 +249,13 @@ export function AICourseLessonChat(props: AICourseLessonChatProps) {
                         html={chat.html}
                       />
 
-                      {chat.isDefault && !defaultQuestions?.length && (
-                        <div className="mb-1 mt-0.5">
-                          <div className="grid grid-cols-2 gap-2">
-                            {capabilities.map((capability, index) => (
-                              <CapabilityCard
-                                key={`capability-${index}`}
-                                {...capability}
-                              />
-                            ))}
-                          </div>
-                        </div>
-                      )}
-
                       {chat.isDefault && defaultQuestions?.length > 1 && (
                         <div className="mb-1 mt-0.5">
-                          <div className="grid grid-cols-2 items-stretch gap-2">
+                          <div className="flex flex-col justify-end gap-1">
                             {defaultQuestions.map((question, index) => (
                               <button
                                 key={`default-question-${index}`}
-                                className="flex h-full items-start self-start rounded-md bg-yellow-500/10 p-2 text-left text-sm text-black hover:bg-yellow-500/20"
+                                className="flex h-full self-start rounded-md bg-yellow-500/10 px-3 py-2 text-left text-sm text-black hover:bg-yellow-500/20"
                                 onClick={() => {
                                   flushSync(() => {
                                     setMessage(question);