Accessibility of the status page

[Andrea-Guevara]

References

• Fixes [Deque Analysis] Item Edit "Status" Tab "serious" accessibility issues #1190

Description

Using grid system classes, creation of a new class in scss and media query to improve the responsiveness of the status page using the "item-operation" component.

Instructions for reviewers

List of changes in this PR:

• In the "item-operation" component, the grid system classes "col-3" and "col-9" have been replaced by "col-12 col-md-3" and "col-12 col-md-9" in the div containing the text describing the functionality of the buttons and in the div containing the buttons.
• The "item-operation.component.scss" file was created for styling.
• The "column-height" class was created to define the height of the grid columns on larger and smaller screens using media queries.

To reproduce:

• Log in as an administrator.
• Enter an item and click on the edit button.
• Click on the status button.
• Zoom out and see that the texts and buttons on the status page are responsive.