Bulk Notifications actions displays X icon instead of an encircled X icon for unrecoverable delete functionality

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.0.0 DXP SP8, 7.0.0 DXP FP56, 7.1.0 CE GA1, 7.1.X, Master
• Fix Version/s: Master
• Component/s: User Notifications
• Labels:
  • STAB_TST_JA
• Story Points: 0.25
• Fix Priority: 2
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/67171
• Bug Type: UX / Visual - Desktop

Summary
In terms of consistent design, Liferay 7.1 utilizes Lexicon 2.0. In the Notifications widget, an X icon is used instead of a encircled X as specified in https://lexicondesign.io/docs/patterns/actionsDefinition.html,

Steps to Reproduce
NOTE: There are many ways to get a notification, but this is one way using workflow.

1. Product Menu > Liferay DXP > Content > Documents and Media
2. Create a new folder
3. Edit new folder to include Single Approver
4. Add a file to that folder, and submit for publication
5. Check Product Menu > Username > My Account > Notifications
6. Click the checkbox next to the new notification
7. Look at the actions that are available on the asset
8. Observe the X icon

Actual Results
X icon is assigned as a delete button, while an encircled X is prescribed in the Lexicon 2.0 Actions Definition

Expected Behavior
An encircled X should be placed for the Delete functionality as per the Lexicon 2.0 Actions Definition guide

Reproduced In
7.1.X Private Commit: 40d9e186b7f81ae2c027e7e89fdb1ad890d6eb9f