spacing issue in responsive

[kajalgohel]

In responsive, the log-in text has a spacing issue.

URL: ​https://buddypress.org/about/

For better understanding, I provide the Screenshot.

Thanks.

[himshekhar07]

Patch added

[mikinc860]

@himshekhar07
I appreciate your efforts but this is removing the bottom padding and looks odd.

you can try this with the below solution

@media screen and (max-width: 782px){
#wpadminbar #wp-toolbar li#wp-admin-bar-bp-login a, #wpadminbar #wp-toolbar li#wp-admin-bar-bp-register a {
    padding: 5px 8px;
}

[chiragrathod103]

I agree with @mikinc860

[himshekhar07]

Patch added

[himshekhar07]

Thank you @mikinc860 for the suggestion but without adding any new selector we can try this:

you can try this with the below solution

@media screen and (max-width: 782px) {
    #wpadminbar li#wp-admin-bar-bp-login a,
    #wpadminbar li#wp-admin-bar-bp-register a {padding: 5px 8px !important;}
}

[huzaifaalmesbah]

I have tested this patch, and it's working well. Many thanks for providing the solution, @himshekhar07

@media screen and (max-width: 782px) {
    #wpadminbar li#wp-admin-bar-bp-login a,
    #wpadminbar li#wp-admin-bar-bp-register a {padding: 5px 8px !important;}
}

after applying patch result:

---

[espellcaste]

Closing as per #9193