keep icon on the same line

StampyAI · Jan 2, 2025 · 1fe4251 · 1fe4251
1 parent e67f7f5
commit 1fe4251
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/app/root.css b/app/root.css
@@ -640,20 +640,29 @@ a:not(:hover, :focus-visible) {
   text-decoration: none;
 }
 
+.contents a[target='_blank'][href^='http']:not(.icon-link, .transparent-link) {
+  margin-right: 12px;
+}
+
 .contents a[target='_blank'][href^='http']:not(.icon-link, .transparent-link):after {
-  content: ' ';
-  display: inline-block;
+  content: '';
+  position: absolute;
   width: 10px;
   height: 10px;
   margin-left: 1px;
-  margin-bottom: 6px;
+  margin-top: 8px;
   -webkit-mask: url('/assets/Icon_External_Link.svg') no-repeat center center;
   mask: url('/assets/Icon_External_Link.svg') no-repeat center center;
   -webkit-mask-size: cover;
   mask-size: cover;
   background-color: currentColor;
 }
 
+sup {
+  /* external link icon above looks best when line-height does not change on lines with footnotes */
+  line-height: 1;
+}
+
 hr {
   border: 1px solid var(--colors-cool-grey-200);
   border-bottom: 0;