From 0b76dcf223ca7c7d982f7b8b4606640f23119d19 Mon Sep 17 00:00:00 2001
From: Phil Ewels <phil.ewels@seqera.io>
Date: Fri, 4 Oct 2024 01:12:06 +0200
Subject: [PATCH] Fix 'read more' link

---
 changelog/fusion_v2.4.4.mdx                     | 2 ++
 src/theme/BlogPostItem/Footer/index.js          | 4 +---
 src/theme/BlogPostItem/Footer/styles.module.css | 4 ++++
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/changelog/fusion_v2.4.4.mdx b/changelog/fusion_v2.4.4.mdx
index ca531e1f..e908e2b6 100644
--- a/changelog/fusion_v2.4.4.mdx
+++ b/changelog/fusion_v2.4.4.mdx
@@ -12,6 +12,8 @@ tags: [fusion]
 - Azure: Prefer Nextflow-provided SAS token for authentication
 - Define a default exit code 174 on Fusion IO error
 
+{/* truncate */}
+
 ## How to pin this version
 
 ```groovy
diff --git a/src/theme/BlogPostItem/Footer/index.js b/src/theme/BlogPostItem/Footer/index.js
index a05f065e..0adb3787 100644
--- a/src/theme/BlogPostItem/Footer/index.js
+++ b/src/theme/BlogPostItem/Footer/index.js
@@ -44,9 +44,7 @@ export default function BlogPostItemFooter() {
       <footer className={clsx(styles.blogFooter, "row docusaurus-mt-lg")}>
         {truncatedPost && (
           <div
-            className={clsx('col text--right', {
-              'col--3': tagsExists,
-            })}>
+            className={styles.readMore}>
             <ReadMoreLink blogPostTitle={title} to={metadata.permalink} />
           </div>
         )}
diff --git a/src/theme/BlogPostItem/Footer/styles.module.css b/src/theme/BlogPostItem/Footer/styles.module.css
index 9354fd3c..98aab2ee 100644
--- a/src/theme/BlogPostItem/Footer/styles.module.css
+++ b/src/theme/BlogPostItem/Footer/styles.module.css
@@ -1,3 +1,7 @@
 .blogFooter {
     border-bottom: 1px solid rgba(100,100,100,0.2);
 }
+.readMore {
+    padding: 0 1rem 1rem;
+    color: var(--brand-color);
+}