InstructorFeedbackResultsPage: make span scrollable to fit the table to copy

[joanneong]

Description of feature/enhancement

In the instructor feedback results page, instructors can directly copy the data in the page to an excel spreadsheet if non-english characters are not displayed properly in the downloaded file:

However, if there are feedback and comments given by students/instructors, the resulting table protrudes from the given span:

The span can be made scrollable in order to fit the entire table within the span.

Justification

By allowing the table to fit within the span, it will improve the look of the table. Additionally, it will make the table more readable for instructors (particularly the alternating transparent rows) so that they can take a look at the data before copying to their excel spreadsheet.

[lightt77]

I would like to work on this one...

[joanneong]

@lightt77 Since you are new to TEAMMATES, it is recommended that you try a d.FirstTimers issue first before moving on to a d.Contributors issue like this one :)

[shivanshsoni]

@joanneong I would like to work on this issue....Is it possible?

[lightt77]

@joanneong Okay, I'll do that first.

[joanneong]

@shivanshsoni Since you have already tried a d.FirstTimers issue, feel free to give this a shot :)

[shivanshsoni]

ok :-)

[Shashwat-Garg]

@shivanshsoni Are you working on this issue ?

[Shashwat-Garg]

@joanneong Can we add it to the stylesheet to make changes ? I've tried it and it works. Should I proceed with a PR, or should I try it some other way ?

[joanneong]

@Shashwat-Garg You can go ahead and open a pull request first, and we will see how to proceed from there :)

[wkurniawan07]

Closing as the modal to show table has been deprecated.