Homepage Stories & Events layout fixes

[jonkafton]

What are the relevant tickets?

Closes https://github.com/mitodl/hq/issues/4477

Description (What does it do?)

1. Card default and hover state design updates were done in previous PR (Learning Resource cards, list view #1054).

2. Fixes the bottom horizontal alignment on the News and Events Homepage section cards.

3+4. vertically centers the title in the event cards.

Screenshots (if appropriate):

How can this be tested?

Load the Homepage and check that the above items are addresses and the layout matches the designs.

Additional Context

• Also addresses issue where the footer text and action buttons collide in the small variant cards. Not solved necessarily, but "Start:" label removed and month abbreviated to 3 letters (small mode only).

Previously:

• Adds the facility to pass styles to override the Card slots.

[shanbady]

style changes Look good. one discrepancy i saw was that the news events did not have any action buttons as shown in the figma. might be outside the scope of this ticket but is this expected?

[jonkafton]

one discrepancy i saw was that the news events did not have any action buttons as shown in the figma. might be outside the scope of this ticket but is this expected?

To my knowledge news/events don't have action buttons (the learning resource "add to user list" and admin "add to learning path" don't apply).

[shanbady]

in that case looks like there is just the test to fix before merging