Fix mobile icon alignment to match desktop spacing based on screenshots
This commit is contained in:
@ -255,12 +255,22 @@
|
|||||||
float: left !important;
|
float: left !important;
|
||||||
top: auto !important;
|
top: auto !important;
|
||||||
right: auto !important;
|
right: auto !important;
|
||||||
left: 0 !important;
|
left: auto !important;
|
||||||
margin: 0 20px 0 0 !important;
|
margin: 0 20px 0 20px !important; /* Add 20px left margin to match desktop view */
|
||||||
width: 64px !important;
|
width: 64px !important;
|
||||||
height: 64px !important;
|
height: 64px !important;
|
||||||
z-index: 10 !important;
|
z-index: 10 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Ensure card has proper padding */
|
||||||
|
body.wp-admin .plugin-card .plugin-card-top {
|
||||||
|
padding-left: 20px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Adjust name column margin to coordinate with repositioned icon */
|
||||||
|
body.wp-admin .plugin-card .name.column-name {
|
||||||
|
margin-left: 84px !important; /* 64px icon width + 20px left margin */
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Center More Details under all buttons */
|
/* Center More Details under all buttons */
|
||||||
|
Reference in New Issue
Block a user