FYST-1256-update-width-of-form-question-spacing-title-to-be-full-width

[DrewProebstel]

Link to pivotal/JIRA issue

• https://codeforamerica.atlassian.net/browse/FYST-1256

Is PM acceptance required? (delete one)

• Yes - don't merge until JIRA issue is accepted!

Reminder: merge main into this branch and get green tests before merging to main

What was done?

• adds a styling to get rid of the width limiting

How to test?

• Go through the flow and look at all the listed pages with the issue.

Risk Assessment

• Adds a permament syling. Which does affect the layout of the pages. I looked through other pages that use this and did not see any problems.
• It is worthing noting that the use of the form-card class seems totally random and not necessary. A large spike to see why we are using it might be beneficial.

Screenshots (for visual changes)

• After

[github-actions]

Heroku app: https://gyr-review-app-5728-f14b28b20f6d.herokuapp.com/
View logs: heroku logs --app gyr-review-app-5728 (optionally add --tail)

[arinchoi03]

could you provide a list of pages that could potentially be affected by this change for QA folks (in the jira ticket or on the description)? If too many, maybe a sample across the site would be helpful (I'd ignore all ctc pages)

Another thing I thought of -- if we want to limit the impact of this change, maybe this specific styling should be moved into _state-file.scss so the QA doesn't have to reach into GYR -- there's .form-card styling specific for state file there as well, so we can move this block into it