Collapse server-rendered HTML in react editor

Author: RoyalIcing

lib/components_guide_web/templates/react_editor/index.html.eex

@@ -399,6 +399,9 @@ require(["vs/editor/editor.main"], function () {
   <div id="input" style="flex: 1;"></div>
   <div class="flex-1 flex flex-col">
     <div id="clientApp" style="flex: 1;" class="bg-white text-black"></div>
-    <div id="htmlOutput" style="flex: 1;"></div>
+    <details>
+      <summary>Server-rendered HTML</summary>
+      <div id="htmlOutput" style="flex: 1;"></div>
+    </details>
   </div>
 </div>

lib/components_guide_web/templates/react_typescript/editor.html.eex

@@ -361,6 +361,9 @@ require(["vs/editor/editor.main"], function () {
   <div id="input" style="flex: 1;"></div>
   <div class="flex-1 flex flex-col">
     <div id="clientApp" style="flex: 1;" class="bg-white text-black"></div>
-    <div id="htmlOutput" style="flex: 1;"></div>
+    <details>
+      <summary>Server-rendered HTML</summary>
+      <div id="htmlOutput" style="flex: 1;"></div>
+    </details>
   </div>
 </div>