From edf8779f71791f5943ce51a1bb578d2f49d601b0 Mon Sep 17 00:00:00 2001
From: Tammie Lister <karmatosed@git.wordpress.org>
Date: Mon, 24 Oct 2016 22:29:42 +0000
Subject: [PATCH] Twenty Seventeen: Resolves the pin icon having variations

This fixes the pin icon having variations in position and size depending on screen and device.

Props metodiew, mbelchev, davidakennedy
Fixes #38407



git-svn-id: https://develop.svn.wordpress.org/trunk@38892 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-content/themes/twentyseventeen/rtl.css   |  2 +-
 src/wp-content/themes/twentyseventeen/style.css | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/wp-content/themes/twentyseventeen/rtl.css b/src/wp-content/themes/twentyseventeen/rtl.css
index b8b002801f..ed118e7190 100644
--- a/src/wp-content/themes/twentyseventeen/rtl.css
+++ b/src/wp-content/themes/twentyseventeen/rtl.css
@@ -113,7 +113,7 @@ input[type="checkbox"] {
 
 .sticky .icon-pinned {
 	left: auto;
-	right: -1em;
+	right: -1.5em;
 }
 
 .prev.page-numbers .icon,
diff --git a/src/wp-content/themes/twentyseventeen/style.css b/src/wp-content/themes/twentyseventeen/style.css
index 69ee0aaa53..53dab0ec9d 100644
--- a/src/wp-content/themes/twentyseventeen/style.css
+++ b/src/wp-content/themes/twentyseventeen/style.css
@@ -1770,10 +1770,10 @@ body:not(.has-header-image) .custom-header-image {
 
 .sticky .icon-pinned {
 	display: block;
-	height: 20px;
-	left: -1em;
+	height: 18px;
+	left: -1.5em;
 	position: absolute;
-	top: 1.75em;
+	top: 1.65em;
 	-ms-transform: rotate(-45deg); /* IE 9 */
 	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
 	transform: rotate(-45deg);
@@ -3652,8 +3652,8 @@ article.panel-placeholder {
 
 	/* Blog, archive, search */
 
-	.sticky .icon {
-		height: 32px;
+	.sticky .icon-pinned {
+		height: 23px;
 		left: -2.5em;
 		top: 1.5em;
 		width: 32px;
@@ -3930,7 +3930,7 @@ article.panel-placeholder {
 	.sticky .icon-pinned {
 		font-size: 32px;
 		font-size: 2rem;
-		height: 32px;
+		height: 22px;
 		left: -1.25em;
 		top: 0.75em;
 		width: 32px;