consolidate buttons on review screen

[tobyfey]

Updating review screen

In this PR, I have:

• [x] Manually tested to ensure my PR is working
• [x] Ensured issues that this PR closes will be automatically closed
• [x] Requested review from Mia or Quinten

[tobyfey]

I didn't add any conditional logic inside ${ }, I added backslashes at the end of the text to fix the problem.

[miabonardi]

Ok! That helps then. I still dont think this is exactly what @nonprofittechy was asking.

[miabonardi]

From @tobyfey

I saw in Pfeiffer a review block that seems to be like Quinten is talking about. I don't know if that will work with the factors that are asked in different spots (which we were using edit above before).

Toby-- what do you mean by "the factors that are asked in different spots"?

[miabonardi]

• [ ] Get rid of horizontal lines
• [ ] Use plain language headings for defense language
• [ ] An icon makes sense to use, but explain what it means (maybe choose a different heading), fa icon feature?
• [ ] Use consistent headings (Defense:, Defense:, etc), step down in size
• [ ] Consider adding collapsable review/edit screens

[nonprofittechy]

Maybe a clearer information hierarchy that uses heading level 2, 3, and 4 with a little longer text like this:

[miabonardi]

I tested this on mobile. While we wait on accordion-type edit screens, what are your thoughts on putting an additional "Continue" type button at the top of the review page screen (in addition to having one at the bottom)?

[miabonardi]

See #376

[miabonardi]

Updated and ready for a new review, Mia and Toby testing on mobile, Toby testing again for 4.

@nonprofittechy can you check this out:

2. There is something buggy going on with the footer. I was in a Chrome browser on Mac and captured it in two screenshots, but note I scrolled to the side to grab it. It is only on the review screen / screen with accordion that this happens.

[tobyfey]

I don't see the footer issue on Android.

[miabonardi]

What browser do you use on desktop?

[nonprofittechy]

I can't look closely, but is it possible that there's an unclosed div or other html element that is swallowing part of the footer?

Make sure all the open/closing html tags match up.

[tobyfey]

I can't figure out how to recreate the problem with the footer.

[tobyfey]

I tried Chrome and Firefox and the responsive design mode on each.