From f00a0d17de8369b4b8c744b2fd88803b389c8656 Mon Sep 17 00:00:00 2001
From: Maurice Parker <mo@vincode.io>
Date: Fri, 20 Nov 2020 02:51:06 -0600
Subject: [PATCH] Revise external link so that it now looks like part of the
 article header

---
 Shared/Article Rendering/ArticleRenderer.swift |  2 +-
 Shared/Article Rendering/shared.css            | 15 +++++++++------
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/Shared/Article Rendering/ArticleRenderer.swift b/Shared/Article Rendering/ArticleRenderer.swift
index 550117598..ce1d3a7a9 100644
--- a/Shared/Article Rendering/ArticleRenderer.swift	
+++ b/Shared/Article Rendering/ArticleRenderer.swift	
@@ -158,7 +158,7 @@ private extension ArticleRenderer {
 			if displayLink.count > 40 {
 				displayLink = displayLink.prefix(40).appending("...")
 			}
-			let regarding = NSLocalizedString("Regarding", comment: "Regarding")
+			let regarding = NSLocalizedString("Link", comment: "Link")
 			let externalLinkString = "\(regarding): <a href=\"\(externalLink)\">\(displayLink)</a>"
 			d["external_link"] = externalLinkString
 		} else {
diff --git a/Shared/Article Rendering/shared.css b/Shared/Article Rendering/shared.css
index 7f651fdd5..0c5705eda 100644
--- a/Shared/Article Rendering/shared.css	
+++ b/Shared/Article Rendering/shared.css	
@@ -78,10 +78,6 @@ body > .systemMessage {
 	color: var(--feedlink-color);
 }
 
-.externalLink {
-	font-style: italic;
-}
-
 .avatar img {
 	border-radius: 4px;
 }
@@ -102,7 +98,7 @@ body > .systemMessage {
 }
 
 .articleDateline {
-	margin-bottom: 25px;
+	margin-bottom: 5px;
 	font-weight: bold;
 }
 
@@ -111,7 +107,7 @@ body > .systemMessage {
 }
 
 .articleDatelineTitle {
-	margin-bottom: 25px;
+	margin-bottom: 5px;
 	font-weight: bold;
 }
 
@@ -119,9 +115,16 @@ body > .systemMessage {
 	color: var(--article-title-color);
 }
 
+.externalLink {
+	margin-bottom: 5px;
+	font-style: italic;
+}
+
 .articleBody {
+	margin-top: 20px;
 	line-height: 1.6em;
 }
+
 h1 {
 	line-height: 1.15em;
 	font-weight: bold;