minor article ux fix

@@ -16,6 +16,6 @@ const base = import.meta.env.BASE_URL;
           <time datetime={ch.date}>{changeDate(ch)}</time>
           <div class="he-body">
-            <p class="he-place"><span class="he-kind"><span aria-hidden="true">{ch.kind.emoji}</span> {ch.kind.label}</span> <span class={`conf-mark c-${ch.confidence.key}`} title={`${ch.confidence.label}: ${ch.confidence.help}`}>{ch.confidence.mark}</span></p>
-            <h3>{ch.title}{articles.has(ch.id) && <span class="he-article">Article</span>}</h3>
+            <p class="he-place"><span class="he-kind"><span aria-hidden="true">{ch.kind.emoji}</span> {ch.kind.label}</span> <span class={`conf-mark c-${ch.confidence.key}`} title={`${ch.confidence.label}: ${ch.confidence.help}`}>{ch.confidence.mark}</span> {articles.has(ch.id) && <span class="he-article">Article</span>}</p>
+            <h3>{ch.title}</h3>
             <p class="he-text">{ch.description}</p>
           </div>

@@ -93,6 +93,6 @@ const most = Math.max(...historyPeriods.map((p) => p.items.length));
               <time datetime={ch.date}>{ch.date.length === 4 ? "" : formatDate(ch.date).replace(` ${year}`, "")}</time>
               <div class="he-body">
-                <p class="he-place">{ch.place.flag} {ch.place.name} <span class="he-kind"><span aria-hidden="true">{ch.kind.emoji}</span> {ch.kind.label}</span> <span class={`conf-mark c-${ch.confidence.key}`} title={`${ch.confidence.label}: ${ch.confidence.help}`}>{ch.confidence.mark}</span></p>
-                <h3>{ch.title}{articles.has(ch.id) && <span class="he-article">Article</span>}</h3>
+                <p class="he-place">{ch.place.flag} {ch.place.name} <span class="he-kind"><span aria-hidden="true">{ch.kind.emoji}</span> {ch.kind.label}</span> <span class={`conf-mark c-${ch.confidence.key}`} title={`${ch.confidence.label}: ${ch.confidence.help}`}>{ch.confidence.mark}</span> {articles.has(ch.id) && <span class="he-article">Article</span>}</p>
+                <h3>{ch.title}</h3>
                 <p class="he-text">{ch.description}</p>
               </div>

@@ -1212,5 +1212,5 @@ details.segrow .segrow-top > span, .segrow:not(details) .segrow-top > span { fon
 @media (max-width: 700px) { .prose table { display: block; overflow-x: auto; } .prose td:first-child { width: auto; } }
 /* in the ledgers: this entry has a long read */
-.he-article { margin-left: 12px; padding: 1px 6px; border: 1px solid var(--muted); font: 400 9.5px var(--mono); text-transform: uppercase; letter-spacing: .06em; color: var(--text-2); vertical-align: middle; white-space: nowrap; }
+.he-article { margin-left: 6px; padding: 1px 6px; border: 1px solid var(--muted); font: 400 9.5px var(--mono); text-transform: uppercase; letter-spacing: .06em; color: var(--text-2); vertical-align: middle; white-space: nowrap; }
 
 /* a saved copy of a source, beside the original link */