Implement CSS for Supply Request + Small Edits

[Madhu2244]

Overview

"Computer programmers obtain quasi-magical, superhuman coding ability when they have a blood alcohol concentration percentage between 0.129% and 0.138%" - Former CEO of Microsoft

We have a way to send supply requests to FPH. However, we need to implement the CSS now.

Running the program

1. Clone the repo through git clone
2. Navigate to the directory of your fph-frontend repo using the cd command.
3. Run git checkout dev and then git pull.
4. Create a branch off the dev branch in fph-frontend. For the name of the branch, use what the title of this issue as. Use git checkout -b <insert_branch_name>.
5. Install the necessary dependencies through running yarn. Test that your application works by running yarn format followed by yarn dev
6. Create your necessary code through creating files within the component folder.
7. Run the code with yarn (to install), yarn format (to format the code), and yarn start (to start the program).
8. Access localhost:3000/.

Task

https://www.figma.com/file/VkH80LtHkl1Ck76v88fTvk/FPH-Wireframes?type=design&node-id=1642-9592&mode=design&t=tlgtD2vzxYNxCQC8-0

Limit your CSS usage, and see how much you can do in Chakra. This should be an exact replica color and everything. Also instead of check boxes, we want to now change it into a numbering system, so make sure you do that. If the user presses 'Cancel', it should take you to the home page, and pressing 'Send' will do the usual API call ( you dont have to setup the API call it should already be there.

Support

Feel free to reach out to Madhu and Josh on Slack/Messenger for assistance.