💄 Clean up article link styles

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;
   }

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 }}