Mobile Date/Time Shield to be same height at mobile

[jbazalar]

ISSUE: Currently, at mobile, the style for the map date/time shield (box with rounded corners) has a height that matches the height of the meetup data to the right of it. Some of them are elongated (which makes them visually odd)

FIX: Make the date/time shield (box) have a maximum height (which really shouldn't change as most dates fit in a smaller area. However, this should not affect the table/desktop displayed version. In the attached image, the manual red lines would be the new maximum height for each (homogenized height).

[jbazalar]

@sugarsyntax took care of this with PR #20

[jbazalar]

@sugarsyntax Think you can tighten the shield mobile width by a little so smaller to give the title a little more breathing room? Ideally the width can look a little closer to this (not the height as that's been fixed, but the width), also the empty space between the date/time shield and the title is okay as is:

[jbazalar]

@sugarsyntax finished this with #21