From 749b54c79446249cf8b6cb3b3b1c410a373069b3 Mon Sep 17 00:00:00 2001
From: Ned Zimmerman <ned@bight.dev>
Date: Thu, 30 Jan 2020 14:31:31 -0700
Subject: [PATCH 1/2] feat: add author icon to resource card

---
 src/assets/images/author.svg                           | 1 +
 src/components/01-atoms/01-icons/icons.config.js       | 3 +++
 src/components/02-molecules/01-card/card--resource.njk | 2 +-
 src/components/02-molecules/01-card/card.njk           | 2 +-
 4 files changed, 6 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/images/author.svg

diff --git a/src/assets/images/author.svg b/src/assets/images/author.svg
new file mode 100644
index 00000000..35a984eb
--- /dev/null
+++ b/src/assets/images/author.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g id="author" fill="currentColor"><path d="m10 8.45a3.73 3.73 0 1 1 3.73-3.72 3.73 3.73 0 0 1 -3.73 3.72zm0-5.45a1.73 1.73 0 1 0 1.73 1.73 1.73 1.73 0 0 0 -1.73-1.73z"/><path d="m10 18a11.48 11.48 0 0 1 -5.76-1.48 1 1 0 0 1 -.47-.84 6.23 6.23 0 0 1 12.46 0 1 1 0 0 1 -.48.85 11.87 11.87 0 0 1 -5.75 1.47zm-4.19-2.91a10 10 0 0 0 4.19.91 10.18 10.18 0 0 0 4.19-.91 4.23 4.23 0 0 0 -8.38 0z"/></g></svg>
diff --git a/src/components/01-atoms/01-icons/icons.config.js b/src/components/01-atoms/01-icons/icons.config.js
index 3573ba30..55ad5e76 100644
--- a/src/components/01-atoms/01-icons/icons.config.js
+++ b/src/components/01-atoms/01-icons/icons.config.js
@@ -14,6 +14,9 @@ module.exports = {
 				{
 					svg: 'share',
 				},
+				{
+					svg: 'author'
+				},
 				{
 					svg: 'edit',
 				},
diff --git a/src/components/02-molecules/01-card/card--resource.njk b/src/components/02-molecules/01-card/card--resource.njk
index 8eeef543..bac9aaac 100644
--- a/src/components/02-molecules/01-card/card--resource.njk
+++ b/src/components/02-molecules/01-card/card--resource.njk
@@ -8,7 +8,7 @@
 					<a href="{{ href }}">{{ title | safe }}</a>
 				</h3>
 				{% if byline %}
-					<p class="card__byline">By {{ byline | safe }}</p>
+					<p class="card__byline">{% render '@svg', {svg:'author'}, true %} By {{ byline | safe }}</p>
 				{% endif %}
 			</header>
 			<aside class="card__aside">
diff --git a/src/components/02-molecules/01-card/card.njk b/src/components/02-molecules/01-card/card.njk
index 19eeba7a..35beab04 100644
--- a/src/components/02-molecules/01-card/card.njk
+++ b/src/components/02-molecules/01-card/card.njk
@@ -13,7 +13,7 @@
 					{% if format %}<span class="card__format">{{ format }}</span><span class="screen-reader-text">: </span>{% endif %}<a {% if externalLink %}rel="external" {% endif %}href="{{ href }}">{{ title | safe }}</a>
 				</h3>
 				{% if byline %}
-					<p class="card__byline">By {{ byline | safe }}</p>
+					<p class="card__byline">{% render '@svg', {svg:'author'}, true %} By {{ byline | safe }}</p>
 				{% endif %}
 			</header>
 			<aside class="card__aside">

From 1f54887ba9a8fb18bffd0adb2958e5b7f878e0c8 Mon Sep 17 00:00:00 2001
From: Ned Zimmerman <ned@bight.dev>
Date: Fri, 31 Jan 2020 14:51:36 -0700
Subject: [PATCH 2/2] fix: prevent separator from affecting line height

---
 src/assets/styles/common/_todo.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/assets/styles/common/_todo.scss b/src/assets/styles/common/_todo.scss
index cd4b7942..676fbea8 100644
--- a/src/assets/styles/common/_todo.scss
+++ b/src/assets/styles/common/_todo.scss
@@ -13,6 +13,8 @@ input[type="file"] > input[type="button"]::-moz-focus-inner {
 }
 
 .separator {
-	padding-left: 0.325em;
-	vertical-align: super;
+	display: inline-block;
+	padding-left: 0.5ch;
+	text-indent: 0;
+	transform: translate(0, -0.5ch);
 }