Fixed disabled in mobile view #830

[Ayesh-07]

Fixed disabled in mobile view #830

Summary

Remove the user-scalable="no" parameter from the content attribute to allow zooming.
Add maximum-scale=2.0 for ensuring that the maximum-scale parameter is not less than 2 to allow sufficient zooming.

By removing the user-scalable="no" parameter and ensuring the maximum-scale parameter is set appropriately, users will be able to zoom in and out on the Info Page in mobile view, improving accessibility for people with low vision.

Motivation

I'm passionate about contributing to the caMicroscope organization to further my skills and knowledge. One of the issues I've successfully fixed is #830, which involved addressing the disabled zooming on the mobile view of the Info Page. I would appreciate a review of my work to ensure it meets the project's standards. This experience has deepened my understanding of user-centered design and my ability to create intuitive user interfaces.

[nwanduka]

Thanks for working on this @Ayesh-07. Well done. We'll have to wait for our mentor, @birm to review the PR and offer his feedback before it can be merged.

[birm]

Out of curiosity, why just info.html?

[Ayesh-07]

Out of curiosity, why just info.html?

@birm
I focused on Info.html because that's where I first noticed the problem with zooming on mobile view. The issue is that users are unable to zoom in or out on the table in mobile view, which is critical for viewing the entire table content. If you need me to look into other pages, please let me know.

[nwanduka]

Thank you @Ayesh-07 for this. I checked the other pages and noticed the issue is also present in the Slides and Signup pages. I fixed them in this PR.