Currently, the report form has one encompassing MUI Grid parent component that uses its item components just to push the Submit and Clear buttons to the bottom of the report form. Instead, each component of the report form (eg. each Textfield, Button, etc.) should be contained inside a Grid item component to improve the responsive design.
For example, the Image Upload height is hardcoded to be 80px so that the report form doesn't scroll when viewed on a very short viewport height (think iPhone SE). The Image Upload component then looks too short on a desktop view. If it was contained in a Grid item component, it's height could respond to the report form height (and therefore the viewport height).
Most recent commit: 5518b1367368ed42b93e97018cb70561c6965dc3
Relevant commits: 5518b1367368ed42b93e97018cb70561c6965dc3, 6ace2974007fa3dc4512ad5d54789a630b4b26ed, f0a63f5c511eca7d7179053c775f3170eff860af
Currently, the report form has one encompassing MUI Grid parent component that uses its item components just to push the Submit and Clear buttons to the bottom of the report form. Instead, each component of the report form (eg. each Textfield, Button, etc.) should be contained inside a Grid item component to improve the responsive design. For example, the Image Upload height is hardcoded to be 80px so that the report form doesn't scroll when viewed on a very short viewport height (think iPhone SE). The Image Upload component then looks too short on a desktop view. If it was contained in a Grid item component, it's height could respond to the report form height (and therefore the viewport height).