diff --git a/admin/css/wp-allstars-plugins.css b/admin/css/wp-allstars-plugins.css index 17147b9..abc96f9 100644 --- a/admin/css/wp-allstars-plugins.css +++ b/admin/css/wp-allstars-plugins.css @@ -23,34 +23,40 @@ /* Standard WordPress Plugin Grid Layout */ .wp-list-table.plugin-install { margin-top: 10px; + clear: both; } #the-list { display: flex; flex-wrap: wrap; + margin: 0 -8px; /* Negative margin to offset padding */ } /* Plugin Cards */ .plugin-card { - width: 48.5%; - margin: 0 3% 3% 0; - background-color: #fff; - border: 1px solid #dcdcde; + width: 50%; + padding: 0 8px 16px; box-sizing: border-box; + background-color: transparent; + border: none; position: relative; display: flex; flex-direction: column; - border-radius: 3px; } -.plugin-card:nth-child(even) { - margin-right: 0; +.plugin-card .plugin-card-inner { + background-color: #fff; + border: 1px solid #dcdcde; + border-radius: 3px; + height: 100%; + display: flex; + flex-direction: column; + overflow: hidden; } @media screen and (max-width: 782px) { .plugin-card { width: 100%; - margin-right: 0; } } @@ -62,6 +68,7 @@ position: relative; padding: 20px 20px 10px; min-height: 135px; + flex-grow: 1; } .plugin-icon { @@ -114,10 +121,10 @@ clear: both; padding: 12px 20px; background-color: #f6f7f7; - overflow: hidden; border-top: 1px solid #dcdcde; display: flex; flex-wrap: wrap; + border-radius: 0 0 3px 3px; } .plugin-card-bottom > div { diff --git a/admin/settings.php b/admin/settings.php index ecaca04..a716e8f 100644 --- a/admin/settings.php +++ b/admin/settings.php @@ -315,6 +315,7 @@ function wp_allstars_generate_plugin_cards($plugins) {
" + response.data + "
Failed to load theme. Please try again. Error: " + error + "