From 41b127417e808ec37853200d805e38dd5aace81d Mon Sep 17 00:00:00 2001
From: Lewis Dale <lewis.dale@triptease.com>
Date: Wed, 25 Oct 2023 08:20:11 +0100
Subject: [PATCH] Fix wraparound on external link indicators

---
 src/_includes/post.njk           |  2 +-
 src/css/exceptions/responses.css | 11 +++++++++++
 src/css/globals.css              | 11 +++++++++++
 3 files changed, 23 insertions(+), 1 deletion(-)
 create mode 100644 src/css/exceptions/responses.css

diff --git a/src/_includes/post.njk b/src/_includes/post.njk
index cf65064..c90ad07 100644
--- a/src/_includes/post.njk
+++ b/src/_includes/post.njk
@@ -22,7 +22,7 @@ eleventyComputed:
         {% endif %}
     </article>
 
-    <section class="stack-sm">
+    <section class="stack-sm" data-section="responses">
         <h2>Responses</h2>
         
         {% if post.comments.like | length %}
diff --git a/src/css/exceptions/responses.css b/src/css/exceptions/responses.css
new file mode 100644
index 0000000..df015fd
--- /dev/null
+++ b/src/css/exceptions/responses.css
@@ -0,0 +1,11 @@
+[data-section="responses"] {
+    a[target="_blank"] {
+        display: inline;
+        padding: 0;
+        position: initial;
+
+        &::after {
+            display: none;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/css/globals.css b/src/css/globals.css
index ace76f8..ab816f3 100644
--- a/src/css/globals.css
+++ b/src/css/globals.css
@@ -81,6 +81,12 @@ a {
         color: inherit;
     }
 
+    &[target="_blank"] {
+        padding-right: 1.5ch;
+        display: inline-block;
+        position: relative;
+    }
+
     &[target="_blank"]::after {
         content: " \f08e";
         font-family: "font awesome 6 free";
@@ -91,6 +97,11 @@ a {
         -webkit-font-smoothing: antialiased;
         font-size: var(--text-size-xs);
         vertical-align: super;
+        width: 2ch;
+        padding: 0 .3ch;
+        display: inline-block;
+        position: absolute;
+        right: 0;
     }
 }