Kiosk improve highlighting in reservations questions

[r-xyz]

Closes #256

From #256 (comment)
rpmat57:
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)

Implemented # 1 & 2.
Also changed the placeholder color so it can pass accessibility requirements. It is closer to normal text, though.
Feel free to suggest changes in colors.
Asterisk required to also increase size in addition to bold.

[rptmat57]

thanks, this looks good.

It needs to be added in static/admin/dynamic_form_preview.css as well.

Sort of separate from this, but I am wondering if it would make more sense to wrap the dynamic form rendered html in a span/div with a dynamic_form class that could be used everywhere, rather than having to specify #tool_control and #additional_event_parameters. It would probably be more flexible.

What do you think?

[rptmat57]

Looks great, thanks!