caMicroscope icon indicating copy to clipboard operation
caMicroscope copied to clipboard

"Buttons are made responsive for both mobile and desktop devices in table.html file "

Open rchaurase opened this issue 10 months ago • 2 comments

This pull request introduces responsive design improvements to the buttons within the table.html file, ensuring better usability and accessibility on small devices.

Changes Made: Responsive Buttons: The DICOM, RELOAD, and UPLOAD buttons have been optimized to adapt to smaller screen sizes. Utilized CSS media queries to adjust button sizes and layouts for improved readability and usability on mobile devices.

Motivation This Pull Request addresses the need for responsive design enhancements within the table.html file. While there wasn't a specific open issue related to this change, it aligns with our ongoing efforts to improve the overall usability and accessibility of the application, particularly on mobile devices. By optimizing the DICOM, RELOAD, and UPLOAD buttons for smaller screen sizes, we aim to enhance the user experience and ensure consistent functionality across different devices and viewport dimensions.

Testing The changes were manually tested across a variety of devices, including mobile phones and tablets, to ensure that the responsive design adjustments function as intended. Additionally, different screen resolutions and orientations were considered to verify consistent behavior across various viewport dimensions.

rchaurase avatar Mar 28 '24 06:03 rchaurase

Screenshot 2024-03-28 120318

Screenshot 2024-03-28 114714

rchaurase avatar Mar 28 '24 06:03 rchaurase

Hello @birm I recently submitted my PR, and I would be very grateful for your feedback. After reviewing it carefully, kindly let me know if there are any adjustments or extra requirements. Your input is really helpful in ensuring the calibre and efficacy of our project. I appreciate your time and consideration of this subject in advance.

rchaurase avatar Apr 02 '24 09:04 rchaurase