[BB-9078] Styling fix

[pkulkark]

This PR fixes the styling for long titles that should be truncated.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 92.60%. Comparing base (acbd7fa) to head (95cc92b).
Report is 5 commits behind head on asu-moe/redwood-css.

Additional details and impacted files

@@                   Coverage Diff                   @@
##           asu-moe/redwood-css      #68      +/-   ##
=======================================================
+ Coverage                92.54%   92.60%   +0.06%     
=======================================================
  Files                      706      706              
  Lines                    12515    12524       +9     
  Branches                  2728     2701      -27     
=======================================================
+ Hits                     11582    11598      +16     
+ Misses                     898      891       -7     
  Partials                    35       35              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[kaustavb12]

@pkulkark

Although this solves the issue at hand, it does make the edit button as well as the Draft (Unpub..) tag look quite odd and squished

Before change:

After change:

I would suggest the following changes which seems to solve our problem without affecting other elements:

Suggested change

	width: 100%;
	width: fit-content;
	max-width: 62%;

What do you think ? cc. @0x29a

[pkulkark]

@kaustavb12 I'm not sure that's going to work. With width: fit-content the truncated line gets wrapped which was the original issue. Maybe we can play around with max-width while keeping width: 100% but it feels like that's still going to throw off the styling one way or the other. The oc instance studio seems to be down at the moment. Will test it once it's up and running and update.