Adjust HTML styles for small screens

[AylenHoz]

🔗 Linked issue

closes #68

❓ Type of change

• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

Some HTML styles are not suitable for small screens, such as those on mobile devices:

• Some padding is too large
• The stack trace ellipsis is lost on small screens

Solution: Implement styles based on calc and media query to adjust certain styles to the screen size.

Before - After

📝 Checklist

• I have read the contribution guide.
• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[AylenHoz]

I don't know why windows test failed if all tests passed

[thetutlage]

They should pass now if you rebase your branch

[github-actions]

This pull request has been marked as stale because it has been inactive for more than 21 days. Please reopen if you still intend to submit this pull request

[github-actions]

This pull request has been marked as stale because it has been inactive for more than 21 days. Please reopen if you still intend to submit this pull request

[github-actions]

This pull request has been automatically closed because it has been inactive for more than 4 weeks. Please reopen if you still intend to submit this pull request

[jereaa]

@thetutlage Is there something missing to merge this PR?

[thetutlage]

Thanks @AylenHoz for the PR. Sorry for sleeping on it for a long time :)

[thetutlage]

Released https://github.com/poppinss/youch/releases/tag/v4.1.0-beta.7