UI enhancements from #189

[voborgus]

Moved from #189
@spier commented:

There are still some other UI glitches in this area that could still be improved:

• Bring the images of the Summits to the same size, or find other ways to make sure that event title etc are aligned
• How to align the text if the title breaks into 2 rows?
• How to align the Open/Watch buttons horizontally? Maybe that would get fixed together with (2) automatically?
• How to prevent repetitive intros like "Join us for an InnerSource Commons Community Call ..."

[voborgus]

My thoughts:

Bring the images of the Summits to the same size, or find other ways to make sure that event title etc are aligned

The most valid way is to change the pictures. As a dirty workaround, I can suggest setting height via CSS for all images on these pages according to CSS breakpoints: 197px, 163px, etc. But IMHO it is too dirty and I would suggest not go with this way :)

How to align the text if the title breaks into 2 rows?

As an option, we can have the same bottom padding for all cases including one-line headers but maybe it's not so beautiful :(

How to align the Open/Watch buttons horizontally? Maybe that would get fixed together with (2) automatically?

If the column height is equal, the buttons are equal too:

How to prevent repetitive intros like "Join us for an InnerSource Commons Community Call ..."

Change text respectively or remove text from this page :)

[andrea-kyurchiev]

I've addressed

• Bring the images of the Summits to the same size, or find other ways to make sure that event title etc are aligned
• How to align the Open/Watch buttons horizontally? Maybe that would get fixed together with (2) automatically?

in #515

A possible fix for

• How to align the text if the title breaks into 2 rows?

Would be giving the title a fixed/min height of 2 rows for example but this would sacrifice the space of the description.