[UI improvement] Better "required" highlighting in pre-post reservation questions

[r-xyz]

Hi,
I would like to propose a small UI improvement on forms (e.g. pre-post usage).

We had been experiencing users not understanding from the UI that some questions are mandatory and reaching out to report an issue (kiosk not working).

It tends to happen to users on their first usage which includes mandatory question or users who had not been using the facility in a while after receiving the initial Induction.
While I agree this is something we can improve in our Induction Sessions, I think making it more explicit in the UI might also help and give a better UX.

Considering the following example:

I would suggest one (or a combination) of the following options:

1. Increasing border size from 1px to at least 2px
   

2. Adding light red background
   

3. Changing the "*" to something more visible and explicit:
   

Please let me know which option would make more sense and to which view scope it shall be applied (I would say kiosk at least); I can work on a PR.

Thanks,
r-xyz

[rptmat57]

I am think 1 and 2 and also make the asterisk bold.
for 2 make sure the color of the background passes the accessibility requirements (I use Wave chrome extension for that: https://chromewebstore.google.com/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh?hl=en-US&utm_source=ext_sidebar)

[r-xyz]

PS: Not sure why, but it seems PR and issues are not automatically linked anymore on the right column "Development".
I noticed it while I was reviewing previous issues I submitted already merged to 6.1.0.dev, but still not released.