From 56b2dc76914c3812cd1fffe4e97ea43c1040298f Mon Sep 17 00:00:00 2001
From: Tim Otten <totten@civicrm.org>
Date: Thu, 28 Jan 2021 19:17:58 -0800
Subject: [PATCH] APIExplorer - Tweak layout in "Rest" section

1. Layout looks wonky on D7 Bartik
2. Tested in D7 Bartik+Garland+Seven
---
 templates/CRM/Admin/Page/APIExplorer.tpl | 25 ++++++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/templates/CRM/Admin/Page/APIExplorer.tpl b/templates/CRM/Admin/Page/APIExplorer.tpl
index f17588fafe..3f96d7e481 100644
--- a/templates/CRM/Admin/Page/APIExplorer.tpl
+++ b/templates/CRM/Admin/Page/APIExplorer.tpl
@@ -203,6 +203,19 @@
     text-align: right;
     font-style: italic;
   }
+  .crm-container .api-rest-params pre {
+    display: inline-block;
+  }
+  .crm-container .api-rest-params tr td:first-child {
+    text-align: right;
+  }
+  .crm-container .api-rest-params tr td:first-child + td {
+    text-align: center;
+    width: 1em;
+  }
+  .crm-container .api-rest-params tr td:first-child + td + td {
+    text-align: left;
+  }
   {/literal}
 </style>
 
@@ -349,12 +362,16 @@
 </div>
 {strip}
 <script type="text/template" id="api-rest-tpl">
-  <pre><%- method %> <%- url %></pre>
-  <ul>{literal}
+  <pre class="api-rest-url"><%- method %> <%- url %></pre>
+  <table class="api-rest-params"><tbody>{literal}
     <% _.forEach(query, function(value, field){ %>
-      <li><b><%- field %></b>: <pre style="display: inline-block"><%- value %></pre></li>
+    <tr>
+      <td><pre><%- field %></pre></td>
+      <td>=</td>
+      <td><pre><%- value %></pre></td>
+    </tr>
     <% }); %>
-  {/literal}</ul>
+  {/literal}</table>
 </script>
 
 <script type="text/template" id="api-param-tpl">
-- 
2.25.1