Merge pull request continuedev#4869 from continuedev/pe/show-close-on-tutorial-card

fix: always show close icon

Author: sestinj

gui/src/components/ExploreHubCard/index.tsx

@@ -23,12 +23,17 @@ export function ExploreHubCard() {
         return dispatch(setIsExploreDialogOpen(false));
       }}
     >
-      <div className="flex flex-col items-center gap-1 p-4 text-center">
-        <h2 className="text-2xl font-semibold">Create Your Own Assistant</h2>
+      <div className="flex flex-col items-center gap-1 px-4 text-center">
+        <div className="mb-4">
+          <h2 className="mb-1 text-xl font-semibold">
+            Create Your Own Assistant
+          </h2>
 
-        <p className="max-w-lg text-base leading-relaxed">
-          Discover and remix popular assistants, or create your own from scratch
-        </p>
+          <p className="text-lightgray my-0 max-w-lg text-sm font-light leading-relaxed">
+            Discover and remix popular assistants, or create your own from
+            scratch
+          </p>
+        </div>
 
         <Button
           className="w-full"
@@ -50,7 +55,7 @@ export function ExploreHubCard() {
             });
           }}
         >
-          <div className="mt-4 flex cursor-pointer items-center justify-center gap-1">
+          <div className="flex cursor-pointer items-center justify-center gap-1">
             <span>Or, create your own assistant from scratch</span>
             <ChevronRightIcon className="h-3 w-3" />
           </div>

gui/src/components/ReusableCard.tsx

@@ -33,10 +33,10 @@ export function ReusableCard({
     >
       {showCloseButton && (
         <CloseButton onClick={onClose}>
-          <XMarkIcon className="mt-1.5 hidden h-5 w-5 hover:brightness-125 sm:flex" />
+          <XMarkIcon className="flex h-5 w-5 hover:brightness-125" />
         </CloseButton>
       )}
-      <div className="content py-4">{children}</div>
+      <div className="content py-2">{children}</div>
     </StyledCard>
   );
 }