Using Quiz as an example:

1. Go to a course
2. Turn editing on
3. Add an activity
4. Find "Quiz"
5. Select the "i" information icon to view the activity summary

As in the screen recording attached "activity-chooser-screen-recording-issue", I have increased the font-size to 16px to be used as an example to demonstrate the issue. With a font-size increase, it is clear to see that the user cannot scroll to read all of the information clearly within the summary content; most notably the "More help" link at the bottom.

The div that holds the "Back" and "Add" buttons covers this content. This leaves no flexibility for button sizes changing or padding increasing/decreasing.

Proposed Solution

• Add d-flex flex-column to .optionsummary container
• Add flex-grow-1 to the .content container and remove the mb-5 class
• Remove fixed-bottom position-absolute classes from the inner .modal-footer container which holds the "back" and "add" buttons.

Please see screen recording attached "activity-chooser-screen-recording-proposed-solution" with this solution in action.