From 8f40b88d1fb522338951550c637da9abd5071344 Mon Sep 17 00:00:00 2001
From: Adebesin Tolulope <adebesintolulope80@gmail.com>
Date: Mon, 20 Apr 2026 14:39:37 +0100
Subject: [PATCH] fix(readme): inline headings inside collapsible summaries

Markdown readmes often put headings inside <summary>, which renders the heading on its own line below the disclosure marker. Inline headings/paragraphs that are direct children of summary so the marker and label share a line, matching GitHub/JSR behavior.

Closes #2596

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 app/components/Readme.vue | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/app/components/Readme.vue b/app/components/Readme.vue
index bfe67bf7b2..63abe0f476 100644
--- a/app/components/Readme.vue
+++ b/app/components/Readme.vue
@@ -487,6 +487,20 @@ function handleClick(event: MouseEvent) {
   summary {
     font-size: 1rem;
     color: var(--fg-muted);
+
+    /* Markdown often wraps headings/paragraphs inside <summary>, which
+       forces them onto new lines. Inline them so the disclosure marker
+       sits next to the label while preserving heading styles. */
+    > h1,
+    > h2,
+    > h3,
+    > h4,
+    > h5,
+    > h6,
+    > p {
+      display: inline;
+      margin: 0;
+    }
   }
 }
 </style>