Module information on points page was overflowing and going out of screen window making the UI looks weird.
How?
By wrapping the <table> tag inside <div> resolved the issue, now the module information does not overflow from the parent container and content is visible by scrolling. Also, placement of labels e.g., "Deadline extensions" or "module opens on" has been set for mobile screens.
Fixes #1314
Testing
Remember to add or update unit tests for new features and changes.
Fixes #1314
Description
What?
Module information on points page was overflowing and going out of screen window making the UI looks weird.
How?
By wrapping the
<table>
tag inside<div>
resolved the issue, now the module information does not overflow from the parent container and content is visible by scrolling. Also, placement of labels e.g., "Deadline extensions" or "module opens on" has been set for mobile screens.Fixes #1314
Testing
Remember to add or update unit tests for new features and changes.
What type of test did you run?
Manually tested that position of labels on smaller screens is fine and made sure that module information is visible by scrolling and looks nice.
Did you test the changes in
Think of what is affected by these changes and could become broken
Translation
Programming style
Have you updated the README or other relevant documentation?
Is it Done?
Clean up your git commit history before submitting the pull request!