From aa102e67dee7457950bf42f3540a6f06bdcde5b6 Mon Sep 17 00:00:00 2001
From: James Panther <4462786+jpanther@users.noreply.github.com>
Date: Mon, 27 Jun 2022 10:16:36 +1000
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Clean=20up=20article=20link=20st?=
 =?UTF-8?q?yles?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/compiled/main.css       | 34 ++++++++++++------------------
 layouts/partials/article-link.html | 34 ++++++++++++++++--------------
 2 files changed, 31 insertions(+), 37 deletions(-)

diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 8e7c6b64..c7633db6 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -1932,14 +1932,14 @@ body button {
   max-width: 65ch;
 }
 
-.max-w-\[10rem\] {
-  max-width: 10rem;
-}
-
 .max-w-3xl {
   max-width: 48rem;
 }
 
+.max-w-\[10rem\] {
+  max-width: 10rem;
+}
+
 .flex-none {
   flex: none;
 }
@@ -2181,11 +2181,6 @@ body button {
   padding-bottom: 2.5rem;
 }
 
-.py-6 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}
-
 .py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -2201,6 +2196,11 @@ body button {
   padding-bottom: 0.75rem;
 }
 
+.py-6 {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+}
+
 .pt-8 {
   padding-top: 2rem;
 }
@@ -2229,6 +2229,10 @@ body button {
   text-align: right;
 }
 
+.align-top {
+  vertical-align: top;
+}
+
 .align-text-bottom {
   vertical-align: text-bottom;
 }
@@ -2526,10 +2530,6 @@ body button {
   left: -1.5rem;
 }
 
-[dir="ltr"] .ltr\:ml-\[0\.1rem\] {
-  margin-left: 0.1rem;
-}
-
 [dir="ltr"] .ltr\:ml-2 {
   margin-left: 0.5rem;
 }
@@ -2590,10 +2590,6 @@ body button {
   right: -1.5rem;
 }
 
-[dir="rtl"] .rtl\:mr-\[0\.1rem\] {
-  margin-right: 0.1rem;
-}
-
 [dir="rtl"] .rtl\:mr-2 {
   margin-right: 0.5rem;
 }
@@ -2839,10 +2835,6 @@ body button {
     flex-direction: row;
   }
 
-  .sm\:items-center {
-    align-items: center;
-  }
-
   .sm\:p-6 {
     padding: 1.5rem;
   }
diff --git a/layouts/partials/article-link.html b/layouts/partials/article-link.html
index 4bf143ee..152812d3 100644
--- a/layouts/partials/article-link.html
+++ b/layouts/partials/article-link.html
@@ -1,20 +1,22 @@
 <article>
-  <h3 class="mt-6 text-xl font-semibold">
+  <h3 class="flex items-center mt-6 text-xl font-semibold">
     {{ with .Params.externalUrl }}
-      <a
-        class="decoration-primary-500 hover:underline hover:underline-offset-2 text-neutral-800 dark:text-neutral"
-        href="{{ . }}"
-        target="_blank"
-        rel="external"
-        >{{ $.Title | emojify }}</a
-      >
-      <span
-        class="absolute mt-0 ltr:ml-[0.1rem] rtl:mr-[0.1rem] text-xs cursor-default text-neutral-400 dark:text-neutral-500"
-        title="{{ i18n "list.externalurl_title" }}"
-      >
-        <span class="rtl:hidden">&#8599;</span>
-        <span class="ltr:hidden">&#8598;</span>
-      </span>
+      <div>
+        <a
+          class="decoration-primary-500 hover:underline hover:underline-offset-2 text-neutral-800 dark:text-neutral"
+          href="{{ . }}"
+          target="_blank"
+          rel="external"
+          >{{ $.Title | emojify }}</a
+        >
+        <span
+          class="text-xs align-top cursor-default text-neutral-400 dark:text-neutral-500"
+          title="{{ i18n "list.externalurl_title" }}"
+        >
+          <span class="rtl:hidden">&#8599;</span>
+          <span class="ltr:hidden">&#8598;</span>
+        </span>
+      </div>
     {{ else }}
       <a
         class="decoration-primary-500 hover:underline hover:underline-offset-2 text-neutral-800 dark:text-neutral"
@@ -23,7 +25,7 @@
       >
     {{ end }}
     {{ if and .Draft .Site.Params.article.showDraftLabel }}
-      <div class="ltr:ml-2 rtl:mr-2">
+      <div class=" ltr:ml-2 rtl:mr-2">
         {{ partial "badge.html" (i18n "article.draft" | emojify) }}
       </div>
     {{ end }}