Steps to reproduce

1. Go to an artist that has 3 or more albums.

2. Resize your browser to be just over 1024 px wide.

What happens?

At 1024 px of window width, the left sidebar comes in and the actual page content gets narrower. But if the page width is just over that threshold, the cards in the page body are way too narrow. The text overlaps with the play buttons, the track names are severely truncated, and the heart icon to add a track to favorites is cut off or completely hidden. I have to bring the page width all the way up to ~1718 px before the ring around the heart on a favorite track stops getting cut off by the card's padding.

The over-narrowness negatively affects some other pages, but is most noticeable in the card views, like on an artist page.

Here's a screenshot at just a bit above 1024 px width:

It's not quite this bad when I use Funkwhale maximized on my non-widescreen machine, but the hearts are still noticeably overlapped with the white space around the inside of the card border, for example. The actual width of the desktop on that machine, after carving out space for the Gnome dock, is in this weird zone between 1024 and 1718 px.

What is expected?

When the left sidebar comes in, it should cut down the number of cards that are displayed per row, so the cards stay sufficiently wide.

Context

Funkwhale version(s) affected: 0.18

I'm browsing in Firefox; Chrome might handle things differently.