adjust registration form width on mobile

[test2a]

Description

updated the desired changes in registration form. now it should be 100% width on reasonable length URLs
@rigelk please have a look at this. i think i managed to get what you were asking

Related issues

Type of change

• ♻️ Refactor discussed in #
• ✨ Feature as discussed in #
• 🐛 Bug Fix
• 👷 Optimization/Maintenance
• 📝 Documentation Update
• 🔖 Release
• 🚩 Other

Has this been tested?

• 👍 yes, I added tests to the test suite
• 👍 yes, light tests as follows are enough
• 💭 no, because this PR is a draft and still needs work
• 🙅 no, because they aren't needed
• 🙋 no, because I need help

Self-test configuration:

• NodeJS version:
• Viewport sizes:
• Browser name/version:

Screenshots

Checklist:

• I have read the CONTRIBUTING documentation.
• I didn't make the linter cry
• I have commented my code, particularly in hard-to-understand areas
• I have made changes to the documentation as needed
• I have made changes to the OpenAPI spec as needed
• To the best of my knowledge, my changes introduce no known security vulnerability
• I have corrected any misspellings in my code/comments

[rigelk]

Please use only one query to group width changes in one place.
Please use the mobile-view breakpoint instead of manually writing its value each time.

[rigelk]

@test2a also, can you test this in a browser please? For instance in Firefox, you can use the RDM: https://developer.mozilla.org/en-US/docs/Tools/Responsive_Design_Mode

[Chocobozzz]

Hello,

Is it still a draft?

[test2a]

i just updated to mobile-view. can you review this

[rigelk]

@test2a this code doesn't work since this is not how variables are used in SASS. You need to use them with a $ prefixing them.

[rigelk]

Rebased and corrected lint. Checking visual consistency ASAP.