Fix theme panel: vertically center buttons, close gaps below image and in button row

This commit is contained in:
Marcus Quinn
2025-03-17 00:18:41 +00:00
parent 92a3907189
commit fe48fa3d52

View File

@ -1618,6 +1618,7 @@ function wp_allstars_settings_page() {
display: block; display: block;
line-height: 0; line-height: 0;
margin: 0; margin: 0;
font-size: 0;
} }
#wpa-theme-list .theme-screenshot img { #wpa-theme-list .theme-screenshot img {
height: auto; height: auto;
@ -1634,15 +1635,17 @@ function wp_allstars_settings_page() {
margin: 0; margin: 0;
} }
#wpa-theme-list .theme-actions { #wpa-theme-list .theme-actions {
padding: 15px; padding: 0;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center;
gap: 20px; gap: 20px;
position: static; position: static;
opacity: 1; opacity: 1;
background: #fff; background: #fff;
border-top: 1px solid #eee; border-top: 1px solid #eee;
margin: 0; margin: 0;
height: 60px;
} }
#wpa-theme-list .theme-actions .button { #wpa-theme-list .theme-actions .button {
width: 120px; width: 120px;
@ -1650,6 +1653,8 @@ function wp_allstars_settings_page() {
line-height: 34px; line-height: 34px;
text-align: center; text-align: center;
padding: 0 10px; padding: 0 10px;
vertical-align: middle;
margin: 0;
} }
</style> </style>
<div class="wp-list-table-container" style="max-width: 100%;"> <div class="wp-list-table-container" style="max-width: 100%;">