From 918475e2e2fbaf840653b23b59d3e014fcdc7b99 Mon Sep 17 00:00:00 2001
From: Loris Cro <kappaloris@gmail.com>
Date: Thu, 2 Jun 2022 18:51:43 +0200
Subject: [PATCH] autodoc: new design for function list

---
 lib/docs/index.html | 11 ++++++++---
 lib/docs/main.js    |  6 +++++-
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/lib/docs/index.html b/lib/docs/index.html
index a786e2879d..b128daf4c6 100644
--- a/lib/docs/index.html
+++ b/lib/docs/index.html
@@ -342,6 +342,13 @@
         cursor: default;
       }
 
+	  #listFns dt {
+		  font-family: var(--mono);
+	  }
+	  .argBreaker {
+		  display: none;
+	  }
+
       /* tokens */
       .tok-kw {
           color: #333;
@@ -613,9 +620,7 @@
             <div id="sectFns" class="hidden">
               <h2>Functions</h2>
               <div class="table-container">
-                <table>
-                  <tbody id="listFns"></tbody>
-                </table>
+                <dl id="listFns"></dl>
               </div>
             </div>
             <div id="sectValues" class="hidden">
diff --git a/lib/docs/main.js b/lib/docs/main.js
index b16d710ee1..bba6110536 100644
--- a/lib/docs/main.js
+++ b/lib/docs/main.js
@@ -1847,6 +1847,7 @@ var zigAnalysis;
                                       payloadHtml += ', ';
                                   }
 
+                                  payloadHtml += "<span class='argBreaker'><br>&nbsp;&nbsp;&nbsp;&nbsp;</span>"
                                   let value = fnObj.params[i];
                                   let paramValue = resolveValue({expr: value});
 
@@ -1982,6 +1983,7 @@ var zigAnalysis;
                               }
                           }
 
+                      payloadHtml += "<span class='argBreaker'>,<br></span>"
                       payloadHtml += ') ';
 
                     if (fnObj.has_align) {
@@ -2347,7 +2349,9 @@ var zigAnalysis;
         }
 
         if (fnsList.length !== 0) {
-            resizeDomList(domListFns, fnsList.length, '<tr><td></td><td></td></tr>');
+            resizeDomList(domListFns, fnsList.length, '<div><dt></dt><dd></dd></div>');
+
+            window.x = domListFns;
             for (let i = 0; i < fnsList.length; i += 1) {
                 let decl = fnsList[i];
                 let trDom = domListFns.children[i];