Fixing button styling

[avenmia]

Button styling should be more consistent, less duplication, and disabled buttons will display as disabled now.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
hierr	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 6, 2024 3:04am

[Lawrence-Kwok]

In terms of the back and next buttons, the functionality works and displays the appropriate disabled symbol on hover if a choice hasn't been made. However in select few instances, the next button is disabled even when it should be valid to proceed:

(1) Clicking Back on the First Demographic Question (How To Replicate):

• Click either Yes/No Radio Button Option
• Click on Back Option (will stay on the same question)
• Attempt to Click on the Next Button (upon hovering it will appear as disabled)

(2) Clicking on Entries with Blank Insert Text Boxes (How To Replicate):

• Click on an Option w/ a Blank Text Box
• Click Within the Blank Text Box Area w/o Filling in the Entry
• Attempt to Click on the Next Button (upon hovering it will appear as disabled)
  
  

[avenmia]

@Lawrence-Kwok
For 1. I'm not sure how to clear that styling, let's address this as a separate bug
For 2. I believe that's the expected behavior, if they select an option with a text box they need to enter something in the text box. I feel like the American Indian/Alaska Native should probably not require text, but those were the options I was given so I'm not sure.

[Lawrence-Kwok]

Outside of the issue mentioned earlier (to be handled separately), functionality is as expected with the back and next buttons in regards to returning to the previous question or preventing a user from proceeding with an incomplete entry. LGTM!