Project overview UI: Line break when there are multiple project tags

Summary

When there are multiple/long project tags, there is a weird line break in the project's "sub title" row, see attached screeny. I didn't find a clear rule behind this yet.

Steps to reproduce

• Add multiple longer project tags, e. g. "typography, baselinge grid, modular scale" or "JavaScript, HTML, CSS, A longer tag, Another longer tag"

Example Project

See https://gitlab.com/matejlatin/Gutenberg for an example.

What is the current bug behavior?

Line break in metadata row that shows project ID and project tags.

What is the expected correct behavior?

Instead of this line break, additional tags should be truncated. This is working correctly in other cases.

Solution

Let's show these tags in a new line whenever they're present.

This will work better for the mobile layout too: