Refine mobile layout: text left, images right, action buttons overlaying images

This commit is contained in:
Marcus Quinn
2025-03-16 06:11:12 +00:00
parent f5b448cf3c
commit fbb0078e07

View File

@ -98,18 +98,20 @@
right: 20px !important; right: 20px !important;
left: auto !important; left: auto !important;
margin: 0 !important; margin: 0 !important;
width: 100px !important; width: 128px !important;
height: 100px !important; height: 128px !important;
z-index: 1 !important;
} }
/* Keep name and description on the left */ /* Keep name and description on the left */
body.wp-admin .plugin-card .name.column-name { body.wp-admin .plugin-card .name.column-name {
margin-left: 0 !important; margin-left: 15px !important;
margin-right: 120px !important; margin-right: 150px !important;
margin-bottom: 10px !important; margin-bottom: 10px !important;
text-align: left !important; text-align: left !important;
display: block !important; display: block !important;
width: auto !important; width: auto !important;
max-width: 60% !important;
} }
body.wp-admin .plugin-card .name.column-name h3 { body.wp-admin .plugin-card .name.column-name h3 {
@ -120,7 +122,8 @@
body.wp-admin .plugin-card .action-links { body.wp-admin .plugin-card .action-links {
position: absolute !important; position: absolute !important;
top: 20px !important; top: 20px !important;
right: 140px !important; right: 15px !important;
z-index: 2 !important;
display: flex !important; display: flex !important;
flex-direction: column !important; flex-direction: column !important;
align-items: flex-end !important; align-items: flex-end !important;
@ -139,6 +142,10 @@
body.wp-admin .plugin-card-bottom { body.wp-admin .plugin-card-bottom {
padding: 12px 20px !important; padding: 12px 20px !important;
margin-top: 0 !important; margin-top: 0 !important;
text-align: left !important;
margin-left: 15px !important;
margin-right: 150px !important;
max-width: 60% !important;
} }
/* Remove excessive spacing between elements */ /* Remove excessive spacing between elements */
@ -146,6 +153,8 @@
body.wp-admin .plugin-card .desc.column-description { body.wp-admin .plugin-card .desc.column-description {
margin-top: 0 !important; margin-top: 0 !important;
margin-bottom: 8px !important; margin-bottom: 8px !important;
text-align: left !important;
margin-left: 15px !important;
} }
/* Fix compatibility check positioning */ /* Fix compatibility check positioning */