bug: Download button in notes section is not responsive it overlaps with content
Describe the bug
The download button in the Notes section is not responsive. It overlaps with the content on smaller screens, making it difficult for users to access.
To Reproduce
- Open the website on a smaller screen (e.g., mobile device or browser window resized to a smaller size).
- Navigate to the Notes section.
- Observe the download button overlapping with the content.
Expected behavior
The download button should be positioned in a way that it does not interfere with the main content and is easily accessible on all screen sizes, maintaining the overall responsive design of the website.
Screenshots or GIFs
Non-responsive button:
Responsive button:
Info
- Browser: Chrome
- Version: 89.0.4389.82
Additional context
The website is designed to be responsive, and the majority of the elements on the page adapt well to different screen sizes. However, the download button in the Notes section seems to be an outlier, and it needs to be addressed to ensure a consistent and optimal user experience across all devices.
if its is possible assign it to me. i have already solved it