From fd9b388834b3891c5acc6e7205a15b63d9e2b49b Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Fri, 11 Apr 2025 18:22:51 +0100
Subject: [PATCH] Fork alert changes

---
 src/components/GenerateCourse/AICourseContent.tsx | 12 ------------
 src/components/GenerateCourse/ForkCourseAlert.tsx |  4 ++--
 2 files changed, 2 insertions(+), 14 deletions(-)

diff --git a/src/components/GenerateCourse/AICourseContent.tsx b/src/components/GenerateCourse/AICourseContent.tsx
index 820b33197..e2abc32dc 100644
--- a/src/components/GenerateCourse/AICourseContent.tsx
+++ b/src/components/GenerateCourse/AICourseContent.tsx
@@ -8,7 +8,6 @@ import {
   Map,
   MessageCircleOffIcon,
   MessageCircleIcon,
-  GitForkIcon,
 } from 'lucide-react';
 import { useEffect, useState } from 'react';
 import { type AiCourse } from '../../lib/ai';
@@ -328,17 +327,6 @@ export function AICourseContent(props: AICourseContentProps) {
               onUpgrade={() => setShowUpgradeModal(true)}
               onShowLimits={() => setShowAILimitsPopup(true)}
             />
-            {isForkable && (
-              <button
-                className="hidden items-center justify-center gap-1 rounded-md bg-yellow-400 px-4 py-1 text-sm font-medium underline-offset-2 hover:bg-yellow-500 lg:flex"
-                onClick={() => {
-                  setIsForkingCourse(true);
-                }}
-              >
-                <GitForkIcon className="size-4" />
-                Fork
-              </button>
-            )}
           </div>
         </div>
       </header>
diff --git a/src/components/GenerateCourse/ForkCourseAlert.tsx b/src/components/GenerateCourse/ForkCourseAlert.tsx
index e7280b94a..7f3f7b0dc 100644
--- a/src/components/GenerateCourse/ForkCourseAlert.tsx
+++ b/src/components/GenerateCourse/ForkCourseAlert.tsx
@@ -17,13 +17,13 @@ export function ForkCourseAlert(props: ForkCourseAlertProps) {
   }
 
   return (
-    <div className="mb-4 flex items-center justify-between gap-2 rounded-lg bg-yellow-200 p-3 text-black">
+    <div className="mb-3.5 lg:-mt-2.5 max-w-5xl mx-auto flex items-center justify-between gap-2 rounded-lg bg-yellow-200 p-3 text-black">
       <p className="text-sm text-balance">
         To start tracking your progress, you can fork the course.
       </p>
 
       <button
-        className="flex shrink-0 items-center gap-2 rounded-md bg-yellow-400 p-1 px-2 text-sm text-black"
+        className="flex shrink-0 items-center gap-2 rounded-md bg-yellow-400 py-1.5 px-3 text-sm text-black"
         onClick={onForkCourse}
       >
         <GitForkIcon className="size-3.5" />