Skip to content

Styling adjustment needed in mobile view of table.html page #738

@gbengaoluwadahunsi

Description

@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
workbench
flex property. Adjustments to the layout or positioning of the buttons may also be necessary to ensure proper spacing and alignment.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions