Rounded Edges on Modals etc.

[peterklingelhofer]

Rounded edges better for mental health, and those with low vision:

• https://sandykozar.decoratingden.com/psychology-interior-design/
• https://blog.bitsrc.io/rounded-corners-over-sharp-corners-f71008a51afb
• http://macknik.neuralcorrelate.com/pdf/articles/troncoso_et_al_Art_and_Perception_chapter.pdf
• https://youtu.be/A_u2WFTfbcg
  • research indicates amygdala associated with fear and anxiety lights up when people look at angular objects as opposed to round ones round ones

Specifically, I see this in pop-up modal windows, but worth digging into finding more. The buttons are good to go already. If we want to match the buttons, maybe everything should be: border-radius: 6px;

[simonv3]

https://github.com/resonatecoop/beam/blob/main/src/components/common/Button.tsx#L63

They are currently rounded. I guess you're asking for more rounded?

[peterklingelhofer]

Yeah the buttons are good as is. Was more referring to pop-up modal windows. Should have specified!