[Accessibility]: Code monitors add/edit page not usable on narrow screen

Created by: limitedmage

Mobile device navigation

There are numerous usability issues when trying to create or edit a code monitor on a narrow screen (320px):

Horizontal padding is too big
Cards are too narrow with the edit button. Edit button should probably be at the end of the card instead.
Action cards are overflowing beyond the container
Trigger query box is so narrow, nothing is visible and (if using codemirror) autocomplete suggestions are not displayed.
"Preview results" button overflows its container
Continue/Cancel/Delete buttons inside action cards overflow and wrap in a strange way.
Slack and webhook alert/help message almost unreadable

Create/edit page has a responsive design that is usable on a narrow screen.

No response

Please give this issue an estimate by applying a label like estimate/Xd, where X is the estimated number of days it will take to complete.
If this issue is specific to a specific Sourcegraph product, please assign the appropriate team label to this issue.
If this issue will require input from designers in order to complete, please assign the label needs-design.
If you are confident that this issue should be fixed by GitStart, please assign the label gitstart.

This issue will be fixed by my team, I have assigned a relevant member to it, or I will do so in the near future.