Update button styling to match WordPress core button style exactly

This commit is contained in:
Marcus Quinn
2025-03-15 18:22:03 +00:00
parent 6b4e6b4b49
commit 82be587d04

View File

@ -1101,39 +1101,40 @@ function wp_allstars_settings_page() {
text-decoration: none; text-decoration: none;
min-width: 120px; min-width: 120px;
text-align: center; text-align: center;
height: 36px; height: 30px;
line-height: 34px; line-height: 28px;
padding: 0 16px; padding: 0 12px;
font-size: 14px; font-size: 13px;
font-weight: 500; font-weight: normal;
margin: 0; margin: 0;
border: 1px solid #2271b1; border: 1px solid #0071a1;
border-radius: 3px; border-radius: 3px;
background: #f6f7f7; background: #f6f7f7;
color: #2271b1; color: #0071a1;
display: inline-block; display: inline-block;
vertical-align: top;
box-shadow: none; box-shadow: none;
cursor: pointer;
} }
.wpa-pro-plugin .button:hover { .wpa-pro-plugin .button:hover {
background: #f0f0f1; background: #f0f0f1;
border-color: #0a4b78; border-color: #0071a1;
color: #0a4b78; color: #0071a1;
box-shadow: none;
} }
.wpa-pro-plugin .button-primary { .wpa-pro-plugin .button-primary {
background: #2271b1; background: #0071a1;
border-color: #2271b1; border-color: #0071a1;
color: #fff; color: #fff;
} }
.wpa-pro-plugin .button-primary:hover { .wpa-pro-plugin .button-primary:hover {
background: #135e96; background: #005d8c;
border-color: #135e96; border-color: #005d8c;
color: #fff; color: #fff;
} }
.wpa-pro-plugin .button-group { .wpa-pro-plugin .button-group {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 12px; gap: 8px;
margin-top: auto; margin-top: auto;
} }
@media screen and (max-width: 960px) { @media screen and (max-width: 960px) {