diff --git a/admin/css/wp-allstars-plugins.css b/admin/css/wp-allstars-plugins.css index 39d2194..d486a01 100644 --- a/admin/css/wp-allstars-plugins.css +++ b/admin/css/wp-allstars-plugins.css @@ -20,29 +20,10 @@ box-sizing: border-box; } -/* Plugin Cards */ -/* Plugin Container */ -#the-list { - display: grid; - grid-template-columns: 1fr; - gap: 16px; - margin-top: 16px; -} - -@media screen and (min-width: 600px) { - #the-list { - grid-template-columns: repeat(2, 1fr); - } -} - -@media screen and (min-width: 1200px) { - #the-list { - grid-template-columns: repeat(3, 1fr); - } -} - /* Plugin Cards */ .plugin-card { + width: calc(50% - 16px); + margin: 8px; background-color: #fff; border: 1px solid #dcdcde; box-sizing: border-box; @@ -50,9 +31,6 @@ display: flex; flex-direction: column; border-radius: 3px; - width: 100%; - margin: 0; - height: 100%; /* Ensure all cards have equal height */ } .plugin-card:hover { @@ -117,18 +95,14 @@ background-color: #f6f7f7; overflow: hidden; border-top: 1px solid #dcdcde; - display: grid; - grid-template-columns: repeat(2, 1fr); - gap: 10px; - margin-top: auto; /* Push to bottom of card */ + display: flex; + flex-wrap: wrap; } .plugin-card-bottom > div { margin-bottom: 0; + flex: 1 0 auto; padding-bottom: 0; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; } .column-rating {