From 3f82e610816cd17f4419b635058c881caa72b816 Mon Sep 17 00:00:00 2001
From: jasmussen <joen@automattic.com>
Date: Tue, 18 Feb 2020 12:31:51 +0100
Subject: [PATCH] Try: tertiary buttons for media placeholder, with tweaks.

---
 .../block-editor/src/components/media-placeholder/index.js    | 4 ++--
 packages/block-library/src/cover/editor.scss                  | 1 -
 packages/components/src/button/style.scss                     | 1 +
 packages/components/src/placeholder/style.scss                | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/block-editor/src/components/media-placeholder/index.js b/packages/block-editor/src/components/media-placeholder/index.js
index 5b889a2dd93a4..505464b7264b2 100644
--- a/packages/block-editor/src/components/media-placeholder/index.js
+++ b/packages/block-editor/src/components/media-placeholder/index.js
@@ -278,7 +278,7 @@ export class MediaPlaceholder extends Component {
 					className="block-editor-media-placeholder__button"
 					onClick={ this.openURLInput }
 					isPressed={ isURLInputVisible }
-					isSecondary
+					isTertiary
 				>
 					{ __( 'Insert from URL' ) }
 				</Button>
@@ -319,7 +319,7 @@ export class MediaPlaceholder extends Component {
 				render={ ( { open } ) => {
 					return (
 						<Button
-							isSecondary
+							isTertiary
 							onClick={ ( event ) => {
 								event.stopPropagation();
 								open();
diff --git a/packages/block-library/src/cover/editor.scss b/packages/block-library/src/cover/editor.scss
index 24e4a9a039a11..cca0e8a751e09 100644
--- a/packages/block-library/src/cover/editor.scss
+++ b/packages/block-library/src/cover/editor.scss
@@ -25,7 +25,6 @@
 	}
 
 	.wp-block-cover__placeholder-background-options {
-		margin-top: 1em;
 		width: 100%;
 	}
 
diff --git a/packages/components/src/button/style.scss b/packages/components/src/button/style.scss
index 44f9d6f26b082..8443b17f73aa2 100644
--- a/packages/components/src/button/style.scss
+++ b/packages/components/src/button/style.scss
@@ -149,6 +149,7 @@
 		white-space: nowrap;
 		color: $theme-color;
 		background: transparent;
+		padding: 6px; // This reduces the horizontal padding on tertiary/text buttons, so as to space them optically.
 
 		.dashicon {
 			display: inline-block;
diff --git a/packages/components/src/placeholder/style.scss b/packages/components/src/placeholder/style.scss
index 7a4f9dd02b62d..dfe1113cd887a 100644
--- a/packages/components/src/placeholder/style.scss
+++ b/packages/components/src/placeholder/style.scss
@@ -41,7 +41,7 @@
 .components-placeholder__label {
 	display: flex;
 	font-weight: 600;
-	margin-bottom: 1em;
+	margin-bottom: 1.5em;
 
 	> svg,
 	.dashicon,