Plugins Search button issue on iPhone 13 Pro Max mobile view

[shak33l]

Plugins Search button issue on iPhone 13 Pro Max mobile view

[bedas]

This happens on all mobiles - but you’ve to visit ​https://wordpress.org/plugins/?plugin_business_model=community (or commercial tab), then unfold the “plugins” menu, to see the button misaligned.

The design isn’t the same as on the root plugins screen.

[devtanbir]

We can solve from tablets to mobile devices. Example below:

@media (max-width: 736px) {
    .nav-menu .search-form {
        width: 100%;
    }
    .search-form .button-search {
        padding: 4px 14px 0px 14px;
    }
    .site-header:not(.home) .search-form .search-field {
        width: calc(100% - 55px);
    }
}

[dd32]

In 13065:

Plugin Directory: Style the search form on mobile devices.

Props shak33l, bedas, devtanbir, dd32.
Fixes #7365.

[bedas]

#7391 was marked as a duplicate.