fix: Changing styles of buttons in Questions Page.

[Apurv428]

What

• Solved the issue Changing styles of buttons in Questions Page. #458: Updated the styles of the buttons

Screenshot

[alexfauquette]

I'm not sure about what was expected from this issue, maybe better to clarify what has to be done before writing the PR.

A screenshot is not an issue, since we can not know if it's the goal or if it highlights a bug. Maybe @teolemon will have more feedback

[braaar]

The linked issue is a bit poorly formulated, indeed, but I think these buttons look better than the current buttons, at least. The current buttons are way too big. I don't see the point of that circular highlight on the skip button, though.

[alexfauquette]

current buttons are way too big

Even on mobile? I tend to prefer big button on mobile to be sure to do not miss click

[braaar]

current buttons are way too big

Even on mobile? I tend to prefer big button on mobile to be sure to do not miss click

That's fair. I was think about desktop. The buttons are simply ginourmous. I want to make more space for the image by shrinking them, as I outline in my discussion post #463

[Apurv428]

@alexfauquette initially the buttons were aligned like this:

But as mentioned in issue #251, it was asked to align the buttons in a more compact manner. So working on it, the following is the way of how the buttons are now placed in:

Wide Screen View (Computer):

Mobile View:

[alexfauquette]

In the issue, it's a screenshot taken by @teolemon (not a figma design) So I assume it was the initial design when I put 3 buttons to do the job without thinking about how they should be placed.

on desktop, I agree it's an improvement to save some vertical place to allow the image to be more visible 👍

on mobile I tend to disagree it's an improvement for two reasons:

1. The previous one is more compact and on mobile, it's even more critical to save space for the image. The initial idea behind hunger-games is to allow contributors to annotate products instead of scrolling Twitter in the train (mobile first).
2. The previous one is more semantic: Your thumb is up ready to answer: left or right depending on yes or no, bottom if you don't know. Yes or No are similar (you answer the question) and distinct from skip. When I play I gave me 2 seconds to press left or right. If I have a doubt I skip

[braaar]

I agree, stacking them all vertically on mobile is a mistake.