One-line name and two-line names

[Zomis]

This looks a bit odd, because "Exoskeleton" fits on one line, while the others doesn't.

Any suggestions for what we should do about it?

[acostarelli]

I think this is exactly what ngFitText is for (if we still use that). I think that if we were to put the title in it's own section (a div?) and apply something from ngFitText to it, it would be automatically shrunk to keep it on one line. @Phrancis would have a better of idea of how to use ngFitText.

[Phrancis]

ngFitText lets you select both a minimum and maximum font size. I'm thinking we could set the maximum as what it is now, and set a reasonably low minimum, nothing so small that it couldn't be read well. If a card still spills over, it probably needs a shorter name then.

The one thing to keep in mind, at least going from memory, is that the div that the text is in has to be of a fixed/absolute size, as that's what ngFitText uses. I'll tinker around with this soon enough.

[Phrancis]

Fixed in commit f9b5c69.