Document's Permissions page not has the right css classes - the button-holder dialog-footer div is placed wrong

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.0.X, 7.1.X, Master
• Fix Version/s: 7.0.0 DXP FP80, 7.0.10.11 DXP SP11, 7.0.X, 7.1.10 DXP FP10, 7.1.10.2 SP2, 7.1.3 CE GA4, 7.1.X, Master
• Component/s: Documents & Media, ~ [Archived] Frontend Infrastructure
• Labels:
  • ee-ts
  • liferay-dxp-70-sp11
  • liferay-dxp-71-sp2
  • liferay-fixpack-de-80-7010
  • liferay-fixpack-dxp-10-7110
  • pt-app-security-review
• Branch Version/s:
  7.1.x, 7.0.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Sprint: 021 - Spearow
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/69652

Reproduction steps on master:
1) Add a Documents and Media Portlet
2) Activate the 'Show actions' option ( 3dots > Configuration > Set up)
3) Add a document > Publish
4) Open the document by clicking on the document name (view_file)
5) Click on the Permissions button

 Actual result: The Save and Cancel buttons are not at the bottom right corncer of the popup - they are on the left bottom corner
 Expected result: The Save and Cancel buttons should be at the bottom right of the popup.

  On 71x is the same begaviour, but on 70x is worst: the dialog-footer buttons are at the top of the popup and can not click on it