From c22df8231e4ce949a97ab44f14bbe26ebfc40a6a Mon Sep 17 00:00:00 2001
From: payacom <59262811+payacom@users.noreply.github.com>
Date: Thu, 17 Sep 2026 16:19:11 +0330
Subject: [PATCH] fix(ui): academy card rate/score align with category/level,
 course title visible
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Rate/score row lacked justify-between (title and stats just clustered
together with a small gap), so it wasn't flush with category/level's shared
edge like the RN card already is. Also added text-foreground to the course
title h2 — it had no color class and was invisible against the dark theme.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 src/components/academy/MainModelCard.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/academy/MainModelCard.tsx b/src/components/academy/MainModelCard.tsx
index 44e1790..fef119c 100644
--- a/src/components/academy/MainModelCard.tsx
+++ b/src/components/academy/MainModelCard.tsx
@@ -432,8 +432,8 @@ function MainModelCard({
                 </span>
               ) : null}
             </div>
-            <div className="flex items-center gap-1 mt-1">
-              <h2 className="max-sm:text-xs inline-flex items-center gap-1">
+            <div className="flex items-center justify-between gap-1 mt-1">
+              <h2 className="max-sm:text-xs inline-flex items-center gap-1 truncate text-foreground">
                 {cuorse_name}
                 <VerificationBadge verifyBadge={verify_badge} />
               </h2>