Update button styles.

Author: iamdharmesh

assets/css/admin.css

@@ -93,8 +93,9 @@ table.mc-user {
 
 table.mc-user tr {
 	border: 1px solid var(--mailchimp-color-link);
-	border-radius: 6px;
+	border-radius: 38px;
 	float: right;
+	padding: 0px 11px;
 }
 
 .mc-user td:first-of-type {
@@ -157,6 +158,7 @@ table.mc-list-select {
 .mc-h2 {
 	font-size: 1.625rem;
 	margin-bottom: 0;
+	font-weight: 400;
 }
 
 .mc-h3 {
@@ -491,7 +493,10 @@ body.toplevel_page_mailchimp_sf_options {
 
 .button.mailchimp-sf-button.button-secondary:hover,
 .button.mailchimp-sf-button.button-secondary:focus,
-.button.mailchimp-sf-button.button-secondary:active {
+.button.mailchimp-sf-button.button-secondary:active,
+.button.mailchimp-sf-button.button-secondary.small:hover,
+.button.mailchimp-sf-button.button-secondary.small:focus,
+.button.mailchimp-sf-button.button-secondary.small:active {
 	color: var(--mailchimp-color-link);
 	background-color: #f6f7f7;
 }
@@ -500,6 +505,17 @@ body.toplevel_page_mailchimp_sf_options {
 	cursor: not-allowed;
 }
 
+.button.mailchimp-sf-button.small {
+	padding: 8px 16px;
+	line-height: 14px;
+	float: right;
+	clear: both;
+}
+
+.button.mailchimp-sf-button.button-secondary.small {
+	background-color: transparent;
+}
+
 .mailchimp-sf-create-account__body .mailchimp-sf-confirm-email a {
 	color: var(--mailchimp-color-link);
 }

views/setup_page.php

@@ -29,7 +29,7 @@
 			<td>
 				<form method="post" action="">
 					<input type="hidden" name="mcsf_action" value="logout"/>
-					<input type="submit" name="Submit" value="<?php esc_attr_e( 'Logout', 'mailchimp' ); ?>" class="button button-secondary" />
+					<input type="submit" name="Submit" value="<?php esc_attr_e( 'Logout', 'mailchimp' ); ?>" class="button button-secondary mailchimp-sf-button small" />
 					<?php wp_nonce_field( 'mc_logout', '_mcsf_nonce_action' ); ?>
 				</form>
 			</td>
@@ -97,7 +97,7 @@
 						</td>
 						<td>
 							<input type="hidden" name="mcsf_action" value="update_mc_list_id" />
-							<input type="submit" name="Submit" value="<?php esc_attr_e( 'Update List', 'mailchimp' ); ?>" class="button button-secondary" />
+							<input type="submit" name="Submit" value="<?php esc_attr_e( 'Update List', 'mailchimp' ); ?>" class="button mailchimp-sf-button small" />
 						</td>
 					</tr>
 				</table>
@@ -155,7 +155,7 @@
 						</td>
 					</tr>
 				</table>
-				<input type="submit" value="<?php esc_attr_e( 'Update Subscribe Form Settings', 'mailchimp' ); ?>" class="button button-secondary mc-submit" /><br/>
+				<input type="submit" value="<?php esc_attr_e( 'Update Subscribe Form Settings', 'mailchimp' ); ?>" class="button mailchimp-sf-button small mc-submit" /><br/>
 
 
 				<table class="widefat mc-widefat mc-nuke-styling">
@@ -217,7 +217,7 @@
 						</td>
 					</tr>
 				</table>
-				<input type="submit" value="<?php esc_attr_e( 'Update Subscribe Form Settings', 'mailchimp' ); ?>" class="button button-secondary mc-submit" /><br/>
+				<input type="submit" value="<?php esc_attr_e( 'Update Subscribe Form Settings', 'mailchimp' ); ?>" class="button mailchimp-sf-button small mc-submit" /><br/>
 
 				<table class="widefat mc-widefat">
 					<tr><th colspan="2"><?php esc_html_e( 'List Options', 'mailchimp' ); ?></th></tr>
@@ -256,7 +256,7 @@
 						</td>
 					</tr>
 				</table>
-				<input type="submit" value="<?php esc_attr_e( 'Update Subscribe Form Settings', 'mailchimp' ); ?>" class="button button-secondary mc-submit" /><br/>
+				<input type="submit" value="<?php esc_attr_e( 'Update Subscribe Form Settings', 'mailchimp' ); ?>" class="button mailchimp-sf-button small mc-submit" /><br/>
 			</div>
 
 			<?php
@@ -323,7 +323,7 @@
 						}
 						?>
 					</table>
-					<input type="submit" value="<?php esc_attr_e( 'Update Subscribe Form Settings', 'mailchimp' ); ?>" class="button button-secondary mc-submit" /><br/>
+					<input type="submit" value="<?php esc_attr_e( 'Update Subscribe Form Settings', 'mailchimp' ); ?>" class="button mailchimp-sf-button small mc-submit" /><br/>
 				</div>
 
 				<?php