In theme details modal Tags getting overlapped by action buttons

[sagarjadhav]

Go to Appearance -> Themes -> Theme Details.

In mobile devices tags getting overlapped by action buttons. This issue comes when current theme details modal opens.

I have attached screenshots taken in iPhone 6 portrait view.

[sagarjadhav]

Fixed issue

[sagarjadhav]

In above patch have added following styles.

.theme-overlay .theme-actions { 
    padding-left: 4%;
    padding-right: 4%; 
} 

In screen iPhone 5 portrait ( 320px ) action buttons moved to three rows and above code will fix that issue and make padding uniform with following element.

.theme-about

Please refer following image for more info.

[valentinbora]

Thank you so much for reporting this @sagarjadhav and sorry for the long time to reply.

This still seems to be an issue affecting 5.3.2, 5.4 and trunk at [47289] as shown in my screenshot above.

[valentinbora]

With 31783.patch​ applied

[valentinbora]

31783.patch​ makes it better, but it could still use some improvement in terms of bottom padding to give it some "air".

[SergeyBiryukov]

In 47435:

Themes: Prevent tags in Theme Details modal from being partially hidden behind action buttons on smaller screens.

Props sagarjadhav, valentinbora.
Fixes #31783.