UI adjustments for autoapprove actions

[kennyycheng]

Overview

In the Assignment Request page, we want to adjust the action buttons in order to prevent users from accidentally clicking auto-approve. This issue includes adjustments to the action buttons so that they more clearly communicate their behavior, while still enabling rapid workflows.

Context

Context in this Slack thread.

Goals and Non-Goals

1. Highlight "Approve" as the primary action
2. Prevent users from accidentally auto-approving a texter by communicating its purpose and introducing some friction through confirmation/demoting it to a more secondary ui element
3. Make the button targets clearer in general - more accessible and readable

Existing Solution

Proposed Solution

Alternative Solutions

See Slack thread

Testability, Monitoring and Alerting

Cross-Team Impact

Improve paid support workflows and prevent user error

Open Questions

Detailed Scoping and Timeline