Fix secondary nav bottom border and increase max-width to 900px

This commit is contained in:
Marcus Quinn
2025-03-25 02:08:31 +00:00
parent e1e8e19946
commit 63c2b7231a

View File

@ -1056,7 +1056,7 @@ body.wp-admin .button.pricing-button:hover,
/* Filter navigation - container at max-width to match other tabs */ /* Filter navigation - container at max-width to match other tabs */
#wpa-plugin-filters { #wpa-plugin-filters {
max-width: 700px !important; max-width: 900px !important;
margin: 0 auto 25px auto !important; margin: 0 auto 25px auto !important;
box-sizing: border-box; box-sizing: border-box;
padding: 15px; padding: 15px;
@ -1126,7 +1126,7 @@ body.wp-admin .button.pricing-button:hover,
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
max-width: 700px; max-width: 900px; /* Changed from 700px to 900px to match the navigation */
margin: 0 auto; margin: 0 auto;
} }
@ -1470,16 +1470,6 @@ body.wp-admin .button.pricing-button:hover,
padding: 15px !important; padding: 15px !important;
} }
/* Keep free plugins navigation full width */
#recommended .nav-tab-wrapper,
#recommended .subsubsub {
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box;
margin: 0 0 25px 0 !important;
text-align: center;
}
/* Ensure consistent hover styles across all tab tile layouts */ /* Ensure consistent hover styles across all tab tile layouts */
.wpa-pro-plugin:hover, .wpa-pro-plugin:hover,
#pro .wpa-pro-plugin:hover, #pro .wpa-pro-plugin:hover,