Improve AMP Preview button styling

ampproject · Dec 7, 2017 · 802bcfb · 802bcfb
1 parent 5c5074e
commit 802bcfb
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/assets/css/amp-post-meta-box.css b/assets/css/amp-post-meta-box.css
@@ -16,12 +16,20 @@
 	border-top-left-radius: 0;
 	border-bottom-left-radius: 0;
 	text-indent: -9999px;
-	width: 30px;
-	background: no-repeat center url( '../images/amp-icon.svg' ) !important; /* Important needed due to .disabled rule in buttons.css */
+	padding-right: 7px;
+	padding-left: 7px;
+}
+
+.wp-core-ui #amp-post-preview.preview::after {
+	content: "icon";
+	width: 14px;
+	float: left;
+	background: no-repeat center url( '../images/amp-icon.svg' );
 	background-size: 14px !important;
 }
-.wp-core-ui #amp-post-preview.preview.disabled {
-	opacity: 0.7;
+
+.wp-core-ui #amp-post-preview.preview.disabled::after {
+	opacity: 0.6;
 }
 
 /* AMP status */