CI Widget text squashed when sidebars are expanded

Summary

CI widget on MRs sometimes squashes text

Steps to reproduce

CI Widget on MRs page currently uses media queries and flex-wrap. So if both sidebars are expanded, it can cause it to look like this:

If we remove the media query, put flex-wrap on the container, and set some min-width on the content half (or a max width for either half?) we could make it wrap more sensibly