diff --git a/admin/css/wp-allstars-admin.css b/admin/css/wp-allstars-admin.css index 22d5a20..3957bd9 100644 --- a/admin/css/wp-allstars-admin.css +++ b/admin/css/wp-allstars-admin.css @@ -1020,17 +1020,35 @@ body.wp-admin .button.pricing-button:hover, padding: 15px; display: inline-block; vertical-align: top; + position: relative; /* For absolute positioning of compatibility row */ + padding-bottom: 50px; /* Make room for compatibility row */ + height: calc(100% - 20px); /* Set consistent height */ } /* Ensure plugin cards have proper spacing */ #recommended .wpa-plugin-container { - display: flex; - flex-wrap: wrap; - justify-content: center; + display: grid; + grid-template-columns: repeat(2, 1fr); gap: 20px; /* Creates vertical and horizontal gaps */ padding: 0 10px; } +/* Fix compatibility row alignment to bottom of card */ +#recommended .plugin-card .plugin-card-bottom { + position: absolute; + bottom: 0; + left: 0; + right: 0; + padding: 10px 15px; + background-color: #f8f8f8; + border-top: 1px solid #ddd; +} + +/* Ensure consistent card heights */ +#recommended .plugin-card .plugin-card-top { + min-height: 180px; +} + /* Explicitly target readme content */ #readme .wp-allstars-markdown-content { padding: 20px; @@ -1048,6 +1066,23 @@ body.wp-admin .button.pricing-button:hover, z-index: 1; /* Ensure chevron stays above text */ } +/* Fix gaps in advanced settings accordion */ +.wp-allstars-toggle-settings { + padding: 15px; + margin: 0; + background-color: #f8f8f8; + border: 1px solid #eee; + border-top: none; +} + +.wp-allstars-setting-row { + margin-bottom: 15px; +} + +.wp-allstars-setting-row:last-child { + margin-bottom: 0; +} + /* Ensure text doesn't overflow */ .wp-setting-label, .wp-allstars-toggle-header label, @@ -1085,6 +1120,10 @@ body.wp-admin .button.pricing-button:hover, margin-right: auto; } + #recommended .wpa-plugin-container { + grid-template-columns: 1fr; + } + #recommended .plugin-card { max-width: 100%; margin-left: 0;