- Update mermaid code fence to render div instead of pre

Author: DannyBen

lib/madness/rendering/pandoc.rb

@@ -18,7 +18,7 @@ def options
 
       def process_mermaid_blocks(text)
         text.gsub(/```mermaid\s+(.+?)\s+```/m) do
-          "<pre class='mermaid'>#{$1.strip}</pre>"
+          "<div class='mermaid'>#{$1.strip}</div>"
         end
       end
     end

lib/madness/rendering/redcarpet_custom.rb

@@ -9,7 +9,7 @@ class CustomRenderer < Redcarpet::Render::HTML
 
     def block_code(code, language)
       if language == 'mermaid'
-        "<pre class='mermaid'>#{code}</pre>"
+        "<div class='mermaid'>#{code}</div>"
       else
         super
       end

spec/approvals/render/all-enabled

@@ -123,12 +123,12 @@ graph TD;
 </div>
 
 <p>Or using the <code>mermaid</code> code block:</p>
-<pre class='mermaid'>graph TD;
+<div class='mermaid'>graph TD;
     A-->B;
     A-->C;
     B-->D;
     C-->D;
-</pre>
+</div>
 <h2 id="unsafe-html">Unsafe HTML</h2>
 
 <p>This is calculated by Javascript: <span id='demo'></div></p>

spec/approvals/render/pandoc

@@ -88,11 +88,11 @@ graph TD;
 </div>
 
 <p>Or using the <code>mermaid</code> code block:</p>
-<pre class='mermaid'>graph TD;
+<div class='mermaid'>graph TD;
     A-->B;
     A-->C;
     B-->D;
-    C-->D;</pre>
+    C-->D;</div>
 
 <h2 id="unsafe-html">Unsafe HTML</h2>
 <p>This is calculated by Javascript: <span id='demo'></div></p>