Fix overlapping eras on the timeline activity

Currently when you have multiple eras in a timeline, the text overlaps when zoomed out. This is in contrast to the events that stack nicely.

Honestly this doesn't seem like a feature request, but this is where I was told to post it.

This is what it looks like when you are zoomed in. There is enough space so they don't overlap.

But at the default zoom level (when you open the activity) they overlap. You can see the yelow text behind.

It's hard to imagine why having text overlap would ever be the desired outcome. Events stack just fine.