App Passwords: 'Add New Application Password' submit button is hidden on mobile devices in 'User Profile' page

[vladytimy]

51970 fixed the CSS rule that hides paragraphs in the form in Authorize Application screen, but a similar issue remains in User Profile page.

The "Add New Application Password" button is wrapped in a <p>, so the submit button is not visible on mobile.

For a mobile user, the submit button seems to be (incorrectly) the "Update profile" button. As a result, Application Passwords cannot be used on mobile from User Profile page.

[mukesh27]

Hi there!

I replicated the same issue. Below CSS affected in responsive design.

@media screen and (max-width: 782px){
   .form-wrap > p {
      display: none;
   }
}

[mukesh27]

Patch that fix the display issue

[vladytimy]

Replying to mukesh27:

I confirm the patch works! Thanks!

[TimothyBlynJacobs]

In 49921:

App Passwords: Ensure the Add New button isn't hidden on mobile.

Also removes an unnecessary !important rule introduced in [49772] when fixing a similar issue.

Props vladytimy, mukesh27.
Fixes #51980.
See [49772].

[TimothyBlynJacobs]

Reopening for backport.

[SergeyBiryukov]

In 49999:

App Passwords: Ensure the Add New button isn't hidden on mobile.

Also removes an unnecessary !important rule introduced in [49772] when fixing a similar issue.

Props vladytimy, mukesh27.
Merges [49921] to the 5.6 branch.
Fixes #51980.