Calendar details view improvement suggestions

[jni]

• [x] Ideally, it should be dismissable by clicking anywhere outside of the details box
• [x] It should also be dismissable with Esc
• [x] It should be centered on the page or near the click, so that one can quickly look at many events in sequence.

CC @melissawm @psobolewskiPhD

Just implementing the easiest one of the above would be enough for a first pass. Right now, there's a lot of mousing back and forth between the calendar and the X to close the event!

[psobolewskiPhD]

The first 2 are priorities, IMO. For me the 3rd is take it or leave it. I actually rather like the current less in the way implementation on a larger monitor--I can see the calendar and the event. On a small screen it's basically centered anyways.

Super minor thing: the dates (e.g. 17) and days of the week "light up" on hover, like they should do something when you click, but they don't.

BTW: for me it shows all times America New York is that for everyone? I think if it could be aware of time zones it would be amazing.

[melissawm]

It is - that should be your time zone. Is it not? Maybe that's a browser thing again?

[psobolewskiPhD]

Nono, sorry I wasn't clear -- it was showing me my timezone! I wasn't sure if it wasn't if it was showing the same times for everyone (with the message re: timezone) or actually adapting. Looks like it adapts, which is killer! ❤️

[melissawm]

The event popover looks awful on mobile because I hardcoded it to be 20% of the screen - needs to be made responsive 😅

[jni]

Amazing work as always @melissawm! 😍 Man I am so pumped to see this live on the stable site!