marcus/wpa-superstar-plugin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix plugin grid layout spacing and structure

Browse Source
This commit is contained in:
Marcus Quinn
2025-03-16 05:31:25 +00:00
parent eb26745c76
commit 596dd6bb99
2 changed files with 22 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
admin/css/wp-allstars-plugins.css
View File

@ -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 {