Nested Product Menu missing min-width

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.0.X
• Fix Version/s: 7.0.0 DXP FP52, 7.0.0 DXP SP9, 7.0.X
• Component/s: Product Menu
• Labels:
  • 7.0.x-only
  • ee-7.0.x-only
  • ee-ts
  • liferay-dxp-70-sp9
  • liferay-fixpack-de-52-7010
• Branch Version/s:
  7.0.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Git Pull Request: https://github.com/liferay/liferay-portal-ee/pull/8108

Description:
7.0.x Issue: Nested product menu appears squished compared to the un-nested menus.
In Master, this nesting issue is fixed with clay and it cannot be backported due to the look and feel diverging from 7.0.x.

Steps:
1. Startup Liferay DXP
2. Add web content to a page
3. Add a default scope nested menu
go to web content added to page > Ellipses > Configuration > Scope > select new scope > save
4. View nested menu created in control panel > site > content > default scope

Expected:
The menu text reads nicely, one link per line

Actual:
The text is squished.