Fix compatibility text positioning using transform instead of margin

This commit is contained in:
Marcus Quinn
2025-03-25 01:05:50 +00:00
parent fbb4cb69ba
commit 2d644e9c37
2 changed files with 10 additions and 4 deletions

View File

@ -1151,14 +1151,17 @@ body.wp-admin .button.pricing-button:hover,
border-top: 1px solid #ddd;
text-align: right;
margin-top: auto;
position: relative;
}
/* Increase right padding for compatibility text */
/* Position compatibility text with transform instead of margin */
#recommended .plugin-card .column-compatibility {
padding-right: 0;
padding-left: 0;
text-align: right;
margin-right: 45px;
margin-right: 0;
transform: translateX(-45px);
display: inline-block;
}
/* Style compatibility message */

View File

@ -151,14 +151,17 @@
border-top: 1px solid #ddd !important;
text-align: right !important;
margin-top: auto !important;
position: relative !important;
}
/* Move compatibility text to the right */
/* Move compatibility text with transform */
.column-compatibility {
padding-right: 0 !important;
padding-left: 0 !important;
text-align: right !important;
margin-right: 45px !important;
margin-right: 0 !important;
transform: translateX(-45px) !important;
display: inline-block !important;
}
/* Loading Overlay without white background */