[$20] Group details touching layout on Edit profile page for profile

[coderkid19]

Steps:
1)Login to portal https://skill-search.topcoder-dev.com/ with tonyj/appirio123 ( selected Org topcoder)
2) Click on Edit icon on profile "Aang Airbender"
3) Edit profile page open
4) Observe Groups on left land side

Current Result :
Group details touching layout

Expected result:
Group details should not touch layout

Latest Firefox
Windows 10

[coderkid19]

[callmekatootie]

valid bug

[callmekatootie]

Expected:

In the Edit Profile modal, ensure that long group names are displayed properly. You have two options here - either provide ... ellipsis indicator and on hover show tooltip with full group name, or do a word wrap (and for a really long word, break word) and in the case of the latter, provide proper padding

[callmekatootie]

Right now, the group label is already corrected to display long group names with ellipsis. However, the width of the label seems to exceed the size:

So for this ticket - the expectations are now updated. You need to fix the labels in the Edit Profile modal exceeding the width. Your fix should not have side effects since the Pill Component is used in the Profile Card as well as in the Skills Filter.

[cwdcwd]

Contest https://www.topcoder.com/challenges/30134060 has been created for this ticket.

This is an automated message for lazybaer via Topcoder X

[cwdcwd]

Contest https://www.topcoder.com/challenges/30134060 has been updated - Manoj85 has been unassigned.

This is an automated message for lazybaer via Topcoder X

[callmekatootie]

@Manoj85 Please go ahead and assign yourselves again - TCX had not yet created the contest so it unassigned you

[cwdcwd]

Contest https://www.topcoder.com/challenges/30134060 has been updated - Manoj85 has been unassigned.

This is an automated message for lazybaer via Topcoder X

[cwdcwd]

Contest https://www.topcoder.com/challenges/30134060 has been updated - it has been assigned to PkDurlabhji.

This is an automated message for lazybaer via Topcoder X

[PrakashDurlabhji]

@callmekatootie done in #561

[PrakashDurlabhji]

@callmekatootie PR updated #561

[PrakashDurlabhji]

@callmekatootie #561

[cwdcwd]

Contest https://www.topcoder.com/challenges/30134060 has been updated - it has been assigned to Timor.

This is an automated message for lazybaer via Topcoder X

[cwdcwd]

Payment task has been updated: https://software.topcoder.com/review/actions/ViewProjectDetails?pid=30134060

This is an automated message for lazybaer via Topcoder X