Fix CSS bugs

[vwinstea]

A couple of CSS bugs I noticed that we should get fixed:

• The flower on the homepage sometimes blocks the Register button or Event Card. Look into the CSS property z-index to fix this. #80
  
• The clickable area of the Register button on the home page doesn't always line up with the actual blue button #81
• The Event Card on the SignUp page is displaying to the right of the title instead of below #82
  
• The event title and number of slots on the Event Card don't always fit in one line. Make these properties fit on one line by changing the font size or layout of the component. #83
  

I'd highly recommend using your browser's responsive design mode to test these bugs on a variety of screen sizes. Don't worry about mobile sizes yet, but please do check smaller laptop screen sizes.

[adellevo]

Event data is somehow not loading for me at all? I pulled on main to get the latest changes too so idk why this is happening

[vwinstea]

Sorry about that! It looks like the Pull Request that added the event card (PR #67) to that page never got merged in. For that sub-task could you make your commit to the hannah-add-eventCard branch?

[adellevo]

Yep! Just added the other changes to the hannah-add-eventCard branch. When the browser width hits a certain breakpoint, the layout should look like this:

[vwinstea]

Looking good! Thanks for adding that vertical configuration, it will certainly make our job a lot easier if we adapt this website for phones. Quick question -- have you tackled the multiline event title/slots issue yet? If you have which PR should I look at?

[adellevo]

Looking good! Thanks for adding that vertical configuration, it will certainly make our job a lot easier if we adapt this website for phones. Quick question -- have you tackled the multiline event title/slots issue yet? If you have which PR should I look at?

I think it's in the hannah-add-eventCard branch — the vertical configuration also has a minimum size set to make sure the event box never gets to a size where the multiline thing occurs. Users do have to scroll to view the full form though, and idk if that's okay. Lmk if you'd prefer to have it where no one has to scroll!

[vwinstea]

PR #75 and PR #78 ended up having a lot of merge conflicts, so unfortunately some of your work ended up getting lost in the process. I think I was able to save most of it, but I was still seeing the multi line issue on the Event Card and the vertical sign up form display got lost in the mix as well. If you could take a look at those two things sometime before finals, I'd really appreciate it. Sorry to make you repeat some work, it was totally not your fault!