Improve multi-signature display with stacked code block

Author: st0012

lib/rdoc/generator/template/aliki/class.rhtml

@@ -153,11 +153,7 @@
           <%- end %>
 
           <%- if method.type_signature %>
-          <div class="method-type-signature">
-            <%- method.type_signature.split("\n").each do |sig| %>
-            <code><%= h(sig).gsub('-&gt;', '&rarr;') %></code>
-            <%- end %>
-          </div>
+          <pre class="method-type-signature"><code><%= method.type_signature.split("\n").map { |sig| h(sig).gsub('-&gt;', '&rarr;') }.join("\n") %></code></pre>
           <%- end %>
         </div>
 

lib/rdoc/generator/template/aliki/css/rdoc.css

@@ -1324,25 +1324,35 @@ main .method-heading .method-args {
   font-weight: var(--font-weight-normal);
 }
 
-/* Type signatures — method overloads stack vertically under the name */
-main .method-header .method-type-signature {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--space-1);
-}
-
-main .method-type-signature code {
+/* Type signatures — overloads stack as a code block under the method name */
+pre.method-type-signature {
+  margin: 0;
+  padding: 0;
+  background: transparent;
+  border: none;
   font-family: var(--font-code);
   font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-normal);
   color: var(--color-text-secondary);
+  line-height: var(--line-height-normal);
+  white-space: pre-wrap;
+  overflow-wrap: break-word;
+}
+
+pre.method-type-signature code {
+  font-family: inherit;
+  font-size: inherit;
+  color: inherit;
   background: transparent;
+  padding: 0;
 }
 
 /* Attribute type sigs render inline after the [RW] badge */
 main .method-heading > .method-type-signature {
   display: inline;
   margin-left: var(--space-2);
+  font-family: var(--font-code);
+  font-size: var(--font-size-sm);
+  color: var(--color-text-secondary);
 }
 
 main .method-controls {