From 659e360b10b1a58acf816d0494bf67b921da8ad3 Mon Sep 17 00:00:00 2001
From: Jade Ellis <jade@ellis.link>
Date: Wed, 24 Jul 2024 23:53:02 +0100
Subject: [PATCH] Break article metadata at best point

---
 .../src/routes/blog/[...date]/[slug]/+page.svelte     | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/website/src/routes/blog/[...date]/[slug]/+page.svelte b/packages/website/src/routes/blog/[...date]/[slug]/+page.svelte
index 65543d3c..0c7abc47 100644
--- a/packages/website/src/routes/blog/[...date]/[slug]/+page.svelte
+++ b/packages/website/src/routes/blog/[...date]/[slug]/+page.svelte
@@ -167,12 +167,12 @@
 <article class="h-entry">
     <h1 id="title" class="p-name">{data.post.title}</h1>
     <aside>
-        <a class="u-url" href={canonical}
-            >Published on <time class="dt-published" datetime={data.post.date}
+        <a class="u-url ib" href={canonical}
+            >Published on <time class="dt-published ib" datetime={data.post.date}
                 >{new Date(data.post.date).toLocaleDateString()}</time
             ></a
         >
-        <span class="author p-author h-card vcard">
+        <span class="author p-author h-card vcard ib">
             by <img
                 loading="lazy"
                 style="display: none;"
@@ -182,7 +182,7 @@
                 >{defaultAuthor.name}</a
             ></span
         >
-        · <span>{data.post.readingTime.text}</span>
+        · <span class="reading-time ib">{data.post.readingTime.text}</span>
         {#if webShareAPISupported}
             · <button class="link" on:click={handleWebShare}>Share</button>
         {/if}
@@ -217,4 +217,7 @@
         text-decoration: underline;
         cursor: pointer;
     }
+    .ib {
+        display: inline-block;
+    }
 </style>