From ed1d142de971a04d6a3233c82104b85cdda84f9d Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Tue, 31 Jan 2023 00:17:09 +0000
Subject: [PATCH] Fix spacing after refactor, and video aspect ratio

---
 website/assets/css/components.pcss       |  2 +-
 website/src/components/talk/Events.astro |  2 +-
 website/src/components/talk/Video.astro  |  2 +-
 website/src/pages/talks/index.astro      | 30 ++++++++++++------------
 4 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/website/assets/css/components.pcss b/website/assets/css/components.pcss
index 0ec42310e..a0ed6c94c 100644
--- a/website/assets/css/components.pcss
+++ b/website/assets/css/components.pcss
@@ -1,6 +1,6 @@
 @layer components {
   .link {
-    @apply underline text-blue-primary hover:text-blue-900 dark:text-blue-400 dark:hover:text-white;
+    @apply inline-block underline text-blue-primary hover:text-blue-900 dark:text-blue-400 dark:hover:text-white;
     text-decoration-thickness: 1px;
     text-underline-offset: 0.1em;
   }
diff --git a/website/src/components/talk/Events.astro b/website/src/components/talk/Events.astro
index 3f19a89da..92741a803 100644
--- a/website/src/components/talk/Events.astro
+++ b/website/src/components/talk/Events.astro
@@ -31,7 +31,7 @@ const { events } = Astro.props;
               ) : (
                 event.name
               )}
-              {event.location && `in ${event.location}`}-{" "}
+              {event.location && `in ${event.location} -`}
               {new Date(event.date).toLocaleDateString("en-GB", {
                 day: "numeric",
                 month: "long",
diff --git a/website/src/components/talk/Video.astro b/website/src/components/talk/Video.astro
index dc064163e..c26cde424 100644
--- a/website/src/components/talk/Video.astro
+++ b/website/src/components/talk/Video.astro
@@ -15,7 +15,7 @@ const { id, type }: Props = Astro.props;
       <div>
         <iframe
           allowfullscreen
-          class="w-full aspect-video"
+          class="w-full aspect-[16/9]"
           frameborder="0"
           src={`https://www.youtube.com/embed/${id}?rel=0&iv_load_policy=3`}
         />
diff --git a/website/src/pages/talks/index.astro b/website/src/pages/talks/index.astro
index 565a478c1..d2fea0f38 100644
--- a/website/src/pages/talks/index.astro
+++ b/website/src/pages/talks/index.astro
@@ -31,20 +31,20 @@ const sortedTalks = talks
   <p>
     Starting with my first talk in September 2012, I have given {talkCount} presentations
     and workshops at various conferences and meetups, in-person and remotely, on
-    topics including PHP, Drupal, automated testing, Git, CSS, and systems administration~
-
-    <div>
-      {
-        sortedTalks.map((talk) => (
-          <article>
-            <a href={`/talks/${talk.slug}`}>
-              <h2>{talk.talk.frontmatter.title}</h2>
-            </a>
-
-            {talk.talk.frontmatter.description}
-          </article>
-        ))
-      }
-    </div>
+    topics including PHP, Drupal, automated testing, Git, CSS, and systems administration.
   </p>
+
+  <div>
+    {
+      sortedTalks.map((talk) => (
+        <article>
+          <a href={`/talks/${talk.slug}`}>
+            <h2>{talk.talk.frontmatter.title}</h2>
+          </a>
+
+          {talk.talk.frontmatter.description}
+        </article>
+      ))
+    }
+  </div>
 </PageLayout>