From 5caf5b36fa624b5f2d57fd50a611564bc831d743 Mon Sep 17 00:00:00 2001
From: humbertaco <humbertaco@users.noreply.github.com>
Date: Wed, 11 Jul 2018 11:05:17 +0200
Subject: [PATCH] Authors HTML generation issue

I have found out that when you do not define the authorURL, or affiliationURL inside the d-front-matter tag, it tries to create a DIV element within a P tag, which is not allowed by the HTML standard. As a result, the display of the authors and affiliations is incorrect. See https://github.com/distillpub/template/issues/80 for a full description.
---
 src/components/d-byline.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/d-byline.js b/src/components/d-byline.js
index f03f14b..4fa732c 100644
--- a/src/components/d-byline.js
+++ b/src/components/d-byline.js
@@ -24,11 +24,11 @@ export function bylineTemplate(frontMatter) {
         <p class="author">
           ${author.personalURL ? `
             <a class="name" href="${author.personalURL}">${author.name}</a>` : `
-            <div class="name">${author.name}</div>`}
+            <span class="name">${author.name}</span>`}
         </p>
         <p class="affiliation">
         ${author.affiliations.map(affiliation =>
-          affiliation.url ? `<a class="affiliation" href="${affiliation.url}">${affiliation.name}</a>` : `<div class="affiliation">${affiliation.name}</div>`
+          affiliation.url ? `<a class="affiliation" href="${affiliation.url}">${affiliation.name}</a>` : `<span class="affiliation">${affiliation.name}</span>`
         ).join(', ')}
         </p>
       `).join('')}