Contact us layout in I-pad not proper

[amol2jcommerce]

Description (*)

Contact us layout in I-pad not proper

Preconditions (*)

1. Magento 2.3, 2.2
2. Contact us layout in I-pad not proper

Steps to reproduce (*)

1. Open contact us form in I-pad

Expected result (*)

1. If you check the create account form, orders and returns form, advance search form (forms in I-pad views) - it behaves much better in terms of responsive design.

Actual result (*)

1. If you take a look at iPad resolution - the form is quite small

Contribution checklist (*)

• Pull request has a meaningful description of its purpose
• All commits are accompanied by meaningful commit messages
• All new or changed code is covered with unit/integration tests (if applicable)
• All automated tests passed successfully (all builds on Travis CI are green)

[magento-engcom-team]

Hi @amol2jcommerce. Thank you for your contribution
Here is some useful tips how you can test your changes using Magento test environment.
Add the comment under your pull request to deploy test or vanilla Magento instance:

• @magento-engcom-team give me test instance - deploy test instance based on PR changes
• @magento-engcom-team give me 2.3-develop instance - deploy vanilla Magento instance

For more details, please, review the Magento Contributor Assistant documentation

[Karlasa]

@magento-engcom-team give me test instance

[magento-engcom-team]

Hi @Karlasa. Thank you for your request. I'm working on Magento instance for you

[magento-engcom-team]

Hi @Karlasa, here is your new Magento instance.
Admin access: https://pr-21896.instances.magento-community.engineering/admin
Login: admin Password: 123123q

[Karlasa]

This change will make form overflow on mobile devices.

[amol2jcommerce]

@magento-engcom-team give me test instance

[magento-engcom-team]

Hi @amol2jcommerce. Thank you for your request. I'm working on Magento instance for you

[magento-engcom-team]

Hi @amol2jcommerce, here is your new Magento instance.
Admin access: https://pr-21896.instances.magento-community.engineering/admin
Login: admin Password: 123123q

[amol2jcommerce]

Hi @Karlasa Fixed mention issue on mobile devices and update branch.
please review once.

[Karlasa]

Why not just?

`
//
// Desktop
// _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
.contact-index-index .column:not(.sidebar-additional) .form.contact {
min-width: 600px;
width: 50%;
}
}
`
basically as same as other forms under Magento_Customer

[amol2jcommerce]

Hi @Karlasa, I update branch please review.

[Karlasa]

@magento-engcom-team give me test instance

[magento-engcom-team]

Hi @Karlasa. Thank you for your request. I'm working on Magento instance for you

[magento-engcom-team]

Hi @Karlasa, here is your new Magento instance.
Admin access: https://pr-21896.instances.magento-community.engineering/admin
Login: admin Password: 123123q

[magento-engcom-team]

Hi @Karlasa, thank you for the review.
ENGCOM-4580 has been created to process this Pull Request

[VasylShvorak]

✔️ QA passed

[m2-assistant]

Hi @amol2jcommerce, thank you for your contribution!
Please, complete Contribution Survey, it will take less than a minute.
Your feedback will help us to improve contribution process.