Issue 198 repair attempt full screen modal

[AarifLamat]

Change Summary

[Briefly summarise the changes that you made. Just high-level stuff]

Change Form

Fill this up (NA if not available). If a certain criteria is not met, can you please give a reason.

• The pull request title has an issue number
• The change works by "Smoke testing" or quick testing
• The change has tests
• The change has documentation

Other Information

[Is there anything in particular in the review that I should be aware of?]

[justinliangg]

Nice work!

For mobile devices, could you make the modal take the entire screen instead of still being a modal.

Example:

[AarifLamat]

Nice work!

For mobile devices, could you make the modal take the entire screen instead of still being a modal.

Example:

It's still a modal but it takes about the full width of the screen, is that good or should it be a separate page on mobile view? The modal uses headlessui's dialog component and it seems that cant take up the whole screen.
@dct0 ?