Styling adjustment needed in mobile view of table.html page

[gbengaoluwadahunsi]

Describe the bug At the mobile view of the table.html page, the positioning of the collection button, reload button, and DICOM buttons appears unappealing and may require adjustment for better visual appearance and usability.

To Reproduce Steps to reproduce the behavior:

Go to the table.html page on a mobile device or resize the browser window to simulate a mobile view. Locate the collection button, reload button, and DICOM buttons. Note their positioning and appearance. Expected behavior The collection button, reload button, and DICOM buttons should be positioned in a visually appealing and user-friendly manner on the mobile view of the HTML page. They should be easily accessible and distinguishable for users to interact with them effectively.

Screenshots Attached

Desktop (please complete the following information):

OS: Windows 10 Browser: Google Chrome Version: 98.0.4758.102 Smartphone (please complete the following information): Infinix

Additional context The issue may be addressed by adding CSS styling to make all the buttons in a single line using the flex property. Adjustments to the layout or positioning of the buttons may also be necessary to ensure proper spacing and alignment.

[rchaurase]

please assign this problem to me , i want to solve this problem