feat: Adjust the padding size on the quiz screen

[phoebe-buffay]

What feature?

When user starts quiz from this page

we see the padding size as 15

When user is on the first quiz question page, the padding is 34

Please, adjust the size of the paddings to the one size

Add screenshots

No response

[phoebe-buffay]

Please, watch a video, and observe all the pages start from the Quiz start page - how paddings are look on each screen with questions. And adjust all of them to the one view. For now they differ between each other. They should be the same.
https://github.com/user-attachments/assets/162641c0-fa51-4ec3-be22-56f0f10752f8

[KeidsID]

I think you test it when the changes aren't deployed yet (PR are merged, but not released yet). Could you try to test it again?

[phoebe-buffay]

quiz questions 3rd and 7th have bad paddings.
https://github.com/user-attachments/assets/43837cbf-551b-423c-80c1-ca73ba9296b7

[KeidsID]

@phoebe-buffay
That's because the quiz content requires more space than the screen height, so the container extends downward. If scrolled down, the padding will be visible with the same size as the top padding.

I am more concerned about the UX, it would be better if the scroll reset to the top for each question change. So what do you think? Should we make a new ticket for it?

Recording.2024-09-20.220920.mp4

[phoebe-buffay]

@fshabanov please advise

[phoebe-buffay]

@KeidsID please consider the @fshabanov answer
"The content shouldn't affect the padding. The padding and the content are independent of each other. If the content is large, we will have a scrollable view, that's it"

[KeidsID]

I agree that padding and content are independent, and the content shouldn't affect the padding. The padding update has already been applied as per the ticket requirements. If you have any other feedback or concerns, please feel free to share, but from my side, the ticket is ready to be marked as done.

[phoebe-buffay]

I can't consider ticket as done, as i still have issues with paddings. When all the paddings look correct, so then i will be able to close the ticket. For now please work on the problem. As @fshabanov has mentioned, you can add scroll to look paddings the same

[phoebe-buffay]

if you plan to implement this change in the scope of a separate ticket, closing this one, notify me