Minor event selector restyle

[crystaltine]

makes the event selector page less empty. its not much better but at least its not a blank white page i guess?

Design is responsive for 500% browser zoom and iphone 12 screen size but the code is VERY SCUFFED (eg. calculating font size using an equation 💀 ) <- this is only a problem for long event names.

• The current site breaks on phone so its at least an upgrade I hope

Preview

[ganning127]

Thanks for the re-design @crystaltine! A few comments:

• the "Create Hexathon" button should have a background right? it's kind of hard to see ight now
• The "edit icon" on each hexathon card is too light to see. Perhaps we can make the edit button background a darker blue?
• Make the height of the edit button box the same as the height of the hexathon box.

[ganning127]

Instead of writing custom CSS, could we use Chakra UI's styling? Try not to introduce custom CSS files unless absolutely necessary. For example, background image/position/size, flex, and positioning can all be done with Chakra UI styling: https://v2.chakra-ui.com/docs/styled-system/style-props#color-and-background-color

[ganning127]

Great start, just left some comments for small changes