Optimize HTML/PDF report for viewing on mobile devices

[mingchen]

Describe what problem your feature request solves:
The generated HTML/PDF report isn’t optimized for viewing on mobile devices, such as phones with small screens.

Describe the solution you'd like:
Generate a mobile-optimized page layout that adapts to different screen sizes.

Additional context:
To preview how the current report appears on a small screen, simply narrow your browser window—you should immediately see the effect.

[jgadsden]

Hello @mingchen , thanks for the enhacement request. Do you have a possibe implementation? All pull requests are appreciated

[jgadsden]

@Prince5148 please read the restrictions on the use of (generative) AI that all our contributors to issues + comments are required to follow

your comment does not follow the requirements for use of AI and needs to be reworded or deleted

[Prince5148]

@Prince5148 please read the restrictions on the use of (generative) AI that all our contributors to issues + comments are required to follow

your comment does not follow the requirements for use of AI and needs to be reworded or deleted

Understood. Sorry for the mistake - will update my comment

[Devesh36]

yo @jgadsden can i try this ?

[jgadsden]

yes, sure - and take into account the restrictions on the use of (generative) AI that all our contributors to issues + comments + pull requests are required to follow

[Siri-Mahalaxmi]

Hi @jgadsden , I’ve tested the current HTML/PDF report on smaller screens and noticed
horizontal overflow and layout issues. I’d like to work on making the report responsive
using a mobile-first layout and CSS media queries, while ensuring PDF export remains stable.
If that sounds okay, I’ll start working on it.