CSS issue with long email addresses

[chriscroome]

On the co-op pages, when there is a long email address it ends up overlapping the phone number when the address info is split into four columns, see this screenshot:

https://wiki.coops.tech/w/images/2/2c/Webarch-email.png

This could probably be addressed by adding some CSS something like this to the appropriate place (where is that?):

ul.menu.social li {
overflow: hidden
}

I have changed the email address to a shorter one for now as a work-around, but you can still see this issue on some other co-op pages, for example:

• https://www.coops.tech/co-op/chapel-street-studio/