Editing multiple pending uploads screen display issues

[nzspinner]

BUG SUMMARY:
When editing multiple uploads and expanding the individual uploads by clicking the right facing chevron in the top left corner of upload block. This action will then display the edit and delete buttons, with the delete button covered by the pending elipsis (animated processing elipsis). It the other upload blocks are also expanded, the edit and delete buttons are displayed to the right side of the container hard against the edge.

Device used: IOS 12.1 mobile iPhone 6s
Environment tested: demo.mahara.org
Browser tested: Safari
Mobile Orientation: Portrait / Landscape orientation

PRECONDITIONS:

1. Mobile held in the portrait orientation
2. Mahara URL entered and user is logged in
3. User has uploaded multiple (4) largish mp4 files (approx 25mb is size)
4. User has expanded the 4 upload containers

TEST STEPS:

1. User views page in portrait orientation
2. User views page in landscape orientation

EXPECTED RESULT: The user should see the following
1) The animated elipsis indicating the upload process of the file should be displayed in the upper right corner of the current file upload container
2) The open chevron indicaor (arrow down) should be displayed the the left of the file name and below the animated elipsis
3) the edit and delete buttons should be displayed on the next line below the chevron and file name

ACTUAL RESULT: When editing multiple uploads and expanding the individual uploads by clicking the right facing chevron in the top left corner of upload block. This action will then display the edit and delete buttons, with the delete button covered by the pending elipsis (animated processing elipsis). It the other upload blocks are also expanded, the edit and delete buttons are displayed to the right side of the container hard against the edge.