diff --git a/admin/css/wp-allstars-plugins.css b/admin/css/wp-allstars-plugins.css index b260334..c1e3e16 100644 --- a/admin/css/wp-allstars-plugins.css +++ b/admin/css/wp-allstars-plugins.css @@ -64,26 +64,8 @@ } } -/* Responsive behavior - only change layout below 1086px and above 768px */ -@media screen and (max-width: 1086px) and (min-width: 769px) { - /* Keep the desktop layout in this range */ - .plugin-card { - width: calc(50% - 16px); - margin: 0 8px 16px; - } - - /* Maintain consistent edge alignment */ - .plugin-card:nth-child(even) { - margin-right: 0; - } - - .plugin-card:nth-child(odd) { - margin-left: 0; - } -} - -/* Full width layout only below 768px */ -@media screen and (max-width: 768px) { +/* Responsive behavior */ +@media screen and (max-width: 1260px) { .plugin-card { width: 100%; margin: 0 0 16px 0; @@ -91,7 +73,7 @@ } /* Mobile styles - now working with correct positioning */ -@media screen and (max-width: 768px) { +@media screen and (max-width: 782px) { body.wp-admin .wp-list-table.plugin-install #the-list .plugin-card { border: 1px solid #dcdcde !important; width: 100% !important;