From 750d78a8e318e618fe7ee151280e9cfa89db4cff Mon Sep 17 00:00:00 2001
From: "David A. Kennedy" <davidakennedy@git.wordpress.org>
Date: Mon, 7 Nov 2016 21:06:20 +0000
Subject: [PATCH] Twenty Seventeen: Fix post navigation font legibility issue

The combination of font-size and weight for post navigation made lower case "i"s illegible in some cases. Using `15px` seemed to be the best choice all around. Also adjusts the spacing around the arrows a bit, since they touch the text on small screen sizes.

Props laurelfulford.

Fixes #38670.


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

diff --git a/src/wp-content/themes/twentyseventeen/rtl.css b/src/wp-content/themes/twentyseventeen/rtl.css
index 37ef61c305..2888137e97 100644
--- a/src/wp-content/themes/twentyseventeen/rtl.css
+++ b/src/wp-content/themes/twentyseventeen/rtl.css
@@ -135,6 +135,16 @@ input[type="checkbox"] {
 	float: left;
 }
 
+.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
+	margin-left: 0.5em;
+	margin-right: 0;
+}
+
+.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
+	margin-left: 0;
+	margin-right: 0.5em;
+}
+
 /* Blog Entries */
 
 .entry-footer .cat-links,
diff --git a/src/wp-content/themes/twentyseventeen/style.css b/src/wp-content/themes/twentyseventeen/style.css
index 74ee483694..452ee30927 100644
--- a/src/wp-content/themes/twentyseventeen/style.css
+++ b/src/wp-content/themes/twentyseventeen/style.css
@@ -2166,14 +2166,22 @@ body:not(.twentyseventeen-front-page) .entry-header {
 
 .nav-title {
 	color: #333;
-	font-size: 16px;
-	font-size: 1rem;
+	font-size: 15px;
+	font-size: 0.9375rem;
 }
 
 .post-navigation .nav-next {
 	margin-top: 1.5em;
 }
 
+.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
+	margin-right: 0.5em;
+}
+
+.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
+	margin-left: 0.5em;
+}
+
 /*--------------------------------------------------------------
 ## Pages
 --------------------------------------------------------------*/