fix: line break before external link icon

essenmitsosse · alexdln · essenmitsosse · commit 495d99ef3964 · 2026-02-10T17:27:10.000+01:00
Co-authored-by: Alex Savelyev &lt;91429106+alexdln@users.noreply.github.com&gt;
diff --git a/app/components/Readme.vue b/app/components/Readme.vue
@@ -127,8 +127,9 @@ function handleClick(event: MouseEvent) {
 }
 
 .readme :deep(a[target='_blank']::after) {
-  content: '';
-  @apply i-carbon:launch rtl-flip ms-1 -align-10% size-[1em] opacity-50;
+  /* I don't know what kind of sorcery this is, but it ensures this icon can't wrap to a new line on its own. */
+  content: '__';
+  @apply inline i-carbon:launch rtl-flip ms-1 opacity-50;
 }
 
 .readme :deep(code) {

Original file line number	Diff line number	Diff line change
`@@ -127,8 +127,9 @@ function handleClick(event: MouseEvent) {`
`127`	`127`	`}`
`128`	`128`
`129`	`129`	`.readme :deep(a[target='_blank']::after) {`
`130`		`- content: '';`
`131`		`- @apply i-carbon:launch rtl-flip ms-1 -align-10% size-[1em] opacity-50;`
	`130`	`+ /* I don't know what kind of sorcery this is, but it ensures this icon can't wrap to a new line on its own. */`
	`131`	`+ content: '__';`
	`132`	`+ @apply inline i-carbon:launch rtl-flip ms-1 opacity-50;`
`132`	`133`	`}`
`133`	`134`
`134`	`135`	`.readme :deep(code) {`