Issue Summary

The modal dialog content is not available on browser's zoom functionality at 200% and 400%.

Steps to Reproduce

1. Open the home page
2. Navigate to the "Project link in the header and activate it
3. Navigate to the "ITSM" project link and activate it
4. Navigate to the main content and activate any link present in "Summery" column
5. Navigate to the "Waiting for customer" menu link and activate it
6. Select first option and activate it 
7. Observe that the content is not available on 200% and 400% browser zoom

Actual Results

When low vision users view the page after zooming in, some content is not available. As a result, low-vision users cannot access the mentioned content. For e.g. after zooming in to 200%, the "Cancel" button becomes unavailable and heading text "Respond to customer".
Moreover, the content failed to reflow when viewed at 400%. The modal dialog content becomes unavailable. This will result in low vision users finding it difficult to access the content when zoomed in.

Expected Results

Flexible layouts should be used to display the page content. Dimensions for container elements used to display the page content should be defined using relative units, such as "%", "em", "rem" etc. to ensure that the content fits on the page when zoomed in.
 
Ensure that all the page content is visible when zoomed in. Use relative units to define font and container sizes in CSS to ensure that page's content reflows correctly when zoomed in. In addition, use CSS media queries to display web page content correctly when zoomed in or viewed using different devices, such as mobile phones, tablets etc.

Screenshots

Workaround

Currently there is no known workaround for this behavior.