Add ability to enter a text note for Applicant-Defined Strategy with Explanation

[entrotech]

• Add text area (optional input)
• Provide designs with differently styled text areas options

[dazainus]

I will be able to provide quick design mock-ups.

Goal

• Add text area (optional input)
• Provide designs with differently styled text areas options

[dazainus]

@KPHowley @ExperimentsInHonesty @lemazza, the two design options are implemented with the latest changes.

Version Update

• 4/4/2020 Gray outlined input box next to 'Applicant-Defined Strategy' is retrieved.

Design Mockups

OPTION 1: SMALL TEXT BOX EXPANDS UPON CLICKING

• Initial page is introduced with a small text box, and upon a user clicking the box, it will expand to a larger text box for paragraphs.
• Figma prototype (kind of janky but you get the idea): https://www.figma.com/proto/qNgPc5lttpf0SWSwkbbWyT/TDM-Calculator?node-id=1018%3A10&viewport=111%2C177%2C0.25&scaling=min-zoom

Initial Screen

Upon clicking the small text box

OPTION 2: FIXED BOX SIZE

• No changes in the text box's size.

Resources

• Figma file: https://www.figma.com/file/qNgPc5lttpf0SWSwkbbWyT/TDM-Calculator?node-id=1018%3A10

[entrotech]

Screenshot of feature as implemented: