caMicroscope
caMicroscope copied to clipboard
"Make buttons in table.html responsive for small devices"
Summary
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.
Questions
Are the signup.js changes meant to part of this PR too?
unintentionally Yes, I was working on another PR for the signup page, but it was from the same branch, which is why it wasn't raised. With this PR, the registration button will be disabled until the input field is empty, among other modifications to the signup page. Please let me know if anything else is needed so that I can make my code better.
I'd recommend using topic branches for different changes; I can't really review this PR when it's so many different things at once.