From 208998a9d54c40a4fd03f07509bb75e171ffc8d4 Mon Sep 17 00:00:00 2001
From: Helen Hou-Sandi <helen@git.wordpress.org>
Date: Thu, 10 Nov 2016 02:55:56 +0000
Subject: [PATCH] Customize: Make "Add New Page" buttons less intrusive.

They now better match the existing add functionality from the category metabox and are better separated from the surrounding inputs. All hail `.button-link`.

fixes #38164. see #35126.


git-svn-id: https://develop.svn.wordpress.org/trunk@39194 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/css/customize-controls.css        | 17 +++++++++++++++++
 src/wp-includes/class-wp-customize-control.php |  5 ++++-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/wp-admin/css/customize-controls.css b/src/wp-admin/css/customize-controls.css
index 5d7edd3567..b1b59151ee 100644
--- a/src/wp-admin/css/customize-controls.css
+++ b/src/wp-admin/css/customize-controls.css
@@ -742,6 +742,23 @@ p.customize-section-description {
 	border: 1px solid #f00;
 }
 
+.customize-control-dropdown-pages .add-new-toggle {
+	margin-left: 1px;
+	color: #0073aa;
+	font-weight: 600;
+	line-height: 28px;
+	text-decoration: underline;
+}
+
+.customize-control-dropdown-pages .add-new-toggle:hover,
+.customize-control-dropdown-pages .add-new-toggle:active {
+	color: #00a0d2;
+}
+
+.customize-control-dropdown-pages .add-new-toggle:focus {
+	color: #124964;
+}
+
 #customize-preview iframe {
 	width: 100%;
 	height: 100%;
diff --git a/src/wp-includes/class-wp-customize-control.php b/src/wp-includes/class-wp-customize-control.php
index b576c97ee5..40e10dca78 100644
--- a/src/wp-includes/class-wp-customize-control.php
+++ b/src/wp-includes/class-wp-customize-control.php
@@ -588,7 +588,10 @@ class WP_Customize_Control {
 				?>
 				</label>
 				<?php if ( $this->allow_addition && current_user_can( 'publish_pages' ) && current_user_can( 'edit_theme_options' ) ) : // Currently tied to menus functionality. ?>
-					<button type="button" class="button add-new-toggle"><?php echo get_post_type_object( 'page' )->labels->add_new_item; ?></button>
+					<button type="button" class="button-link add-new-toggle"><?php
+						/* translators: %s: add new page label */
+						printf( __( '+ %s' ), get_post_type_object( 'page' )->labels->add_new_item );
+					?></button>
 					<div class="new-content-item">
 						<label for="create-input-<?php echo $this->id; ?>"><span class="screen-reader-text"><?php _e( 'New page title' ); ?></span></label>
 						<input type="text" id="create-input-<?php echo $this->id; ?>" class="create-item-input" placeholder="<?php esc_attr_e( 'New page title&hellip;' ); ?>">