Bad layout for hunger games card

[monsieurtanuki]

What

• The layout of the hunger games card is not relevant when the product name is very long (e.g. 3270160820146)
• We cannot even see all the buttons.

Expected behavior

• We should always see the 3 buttons (yes / no / maybe)
• [edit]: should we use a scroll?

Part of

• Hunger Games (tracker) #4019

Screenshot/Mockup/Before-After

large product name	edit: additional bad layout

Smartphone model

• A smartphone will a small screen (samsung galaxy core prime)

[g123k]

Actually this screen is very weird as it contains a blank AppBar.
Shouldn't we use a dialog-like mode? I mean by that a semi-transparent background without any AppBar

Basically, that's how it's done in Google Maps.

[g123k]

Here is a quick demo of what it could look like with a Dialog-like background:
untitled.webm

Is-it worth a PR? @teolemon / @monsieurtanuki

[monsieurtanuki]

Your video looks good, but that doesn't solve any of the points of the OP.

[g123k]

Your video looks good, but that doesn't solve any of the points of the OP.

By itself, it will provide a bigger screen size, but I've also forced the product name to fit in 3 lines
I will open in parallel the PR and we can discuss if we can improve this

[monsieurtanuki]

Thank you @g123k, I've just started to play Hunger Games with the new layout, and it looks great even on a 4.5" screen!
I'm about to create another issue, also on Hunger Games, instead of adding items to the current issue.