From 5c006af6ec94608a6e0240eee66b5e37feb9b9b6 Mon Sep 17 00:00:00 2001
From: Kshitij Sobti <kshitij@sobti.in>
Date: Fri, 22 Aug 2025 21:44:48 +0530
Subject: [PATCH] fix: restore styling for header title and button on outline
 page (#2385)

In a previous PR #2374 some of the styling applied in addition to truncation
was lost. This restores that.
---
 src/course-outline/card-header/TitleButton.tsx | 3 ++-
 src/course-outline/card-header/TitleLink.tsx   | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/course-outline/card-header/TitleButton.tsx b/src/course-outline/card-header/TitleButton.tsx
index 2da1019e6..c1dd59082 100644
--- a/src/course-outline/card-header/TitleButton.tsx
+++ b/src/course-outline/card-header/TitleButton.tsx
@@ -45,9 +45,10 @@ const TitleButton = ({
         data-testid={`${namePrefix}-card-header__expanded-btn`}
         className="item-card-header__title-btn"
         onClick={onTitleClick}
+        title={title}
       >
         {prefixIcon}
-        <span className="truncate-1-line">
+        <span className={`${namePrefix}-card-title mb-0 truncate-1-line`}>
           {title}
         </span>
       </Button>
diff --git a/src/course-outline/card-header/TitleLink.tsx b/src/course-outline/card-header/TitleLink.tsx
index 1cc57ab04..622638fd9 100644
--- a/src/course-outline/card-header/TitleLink.tsx
+++ b/src/course-outline/card-header/TitleLink.tsx
@@ -20,9 +20,10 @@ const TitleLink = ({
     data-testid={`${namePrefix}-card-header__title-link`}
     className="item-card-header__title-btn align-items-end"
     to={titleLink}
+    title={title}
   >
     {prefixIcon}
-    <span className="truncate-1-line">
+    <span className={`${namePrefix}-card-title mb-0 truncate-1-line`}>
       {title}
     </span>
   </Button>