feature: Fix RPs layout for mobile devices

[annacv]

Pull request template

Describe the purpose of the change, the specific changes done in detail, and the issue you have fixed.

Motivation and context

• Dependencies. If any, specify:
• Open issue. If applicable, link:

Type of change

• Bug fix (non-breaking change that fixes an issue)
• New feature (non-breaking change that adds functionality)
• Breaking change (fix or feature that causes existing functionality to not work as expected)
• Change requires a documentation update

What is the destination branch of this PR?

• Main
• Other. Specify:

How has this been tested?

Tests performed according to testing guidelines:

Checklist:

• My code follows the style guidelines of this project.
• I have performed a self-review on my own code.
• I have commented my code, particularly in hard-to-understand areas.
• I have made corresponding changes to the documentation.
• My changes generate no new warnings.
• I have added tests that prove my fix is effective or that my feature works.
• New and existing unit tests pass locally with my changes.

[github-actions]

Check PR 525 preview 👀

https://x.test.empathy.co/preview/525/index.html

[github-actions]

Check PR 525 preview 👀

https://x.test.empathy.co/preview/525/index.html

[victorcg88]

IMHO, the prompt's top and bottom margins could look better if they were the same. WDYT?

Also, I'm wondering if we should add still a bit more space to the bottom, so the prompt is completely visible

But this is subjective. Maybe it is worth asking the rest of the team.

[github-actions]

Check PR 525 preview 👀

https://x.test.empathy.co/preview/525/index.html

[github-actions]

Check PR 525 preview 👀

https://x.test.empathy.co/preview/525/index.html

[github-actions]

Check PR 525 preview 👀

https://x.test.empathy.co/preview/525/index.html