Fix compatibility text positioning using transform instead of margin
This commit is contained in:
@ -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 */
|
||||
|
@ -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 */
|
||||
|
Reference in New Issue
Block a user