From ed7e3a072d8a4585a14ca1e662cf054eceea03d9 Mon Sep 17 00:00:00 2001
From: Pooja Kulkarni <13742492+pkulkark@users.noreply.github.com>
Date: Mon, 23 Sep 2024 11:12:12 -0400
Subject: [PATCH] [BB-9078] Styling fix (#68)

* fix: Adjust styling when title is truncated

---------

Co-authored-by: Kaustav Banerjee <kaustav@opencraft.com>
---
 src/course-outline/card-header/CardHeader.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/course-outline/card-header/CardHeader.scss b/src/course-outline/card-header/CardHeader.scss
index 11e8ca074f..e003abd949 100644
--- a/src/course-outline/card-header/CardHeader.scss
+++ b/src/course-outline/card-header/CardHeader.scss
@@ -5,7 +5,7 @@
   .item-card-header__title-btn {
     justify-content: flex-start;
     padding: 0;
-    width: fit-content;
+    flex: 1 1 0%;
     height: 1.5rem;
     margin-right: .25rem;
     background: transparent;
@@ -15,6 +15,7 @@
   .item-card-edit-icon {
     opacity: 0;
     transition: opacity .3s linear;
+    margin-right: .5rem;
 
     &:focus {
       opacity: 1;