Merge pull request #20214 from ixiam/dev#issue_2584

[civicrm-core.git] / ang / api4Explorer / Explorer.html

diff --git a/ang/api4Explorer/Explorer.html b/ang/api4Explorer/Explorer.html
index fc2cafc78d905d363b9a9e2276fa77dc9d10fdb9..f28cec6dbe9bc5d297f0bc494cacf38b6a6af003 100644 (file)
--- a/ang/api4Explorer/Explorer.html
+++ b/ang/api4Explorer/Explorer.html
@@ -5,8 +5,8 @@
     {{:: ts('CiviCRM APIv4') }}{{ entity ? (' (' + entity + '::' + action + ')') : '' }}
   </h1>
 
-  <div class="api4-explorer-row">
-      <form name="api4-explorer" class="panel panel-default explorer-params-panel">
+  <div class="api4-explorer-row crm-flex-box">
+      <form name="api4-explorer" class="panel panel-default explorer-params-panel crm-flex-2">
         <div class="panel-heading">
           <div class="form-inline">
             <span ng-mouseenter="help('entity', paramDoc('$entity'))" ng-mouseleave="help()">
@@ -189,7 +189,7 @@
         </div>
       </div>
   </div>
-  <div class="api4-explorer-row">
+  <div class="api4-explorer-row crm-flex-box">
       <div class="panel panel-info explorer-code-panel">
         <ul class="panel-heading nav nav-tabs">
           <li role="presentation" ng-repeat="lang in ::langs" ng-class="{active: selectedTab.code === lang}">
@@ -199,12 +199,10 @@
           </li>
         </ul>
         <div class="panel-body">
-          <table>
-            <tr ng-repeat="style in code[selectedTab.code]">
-              <td>{{:: style.label }}</td>
-              <td><pre class="prettyprint" ng-bind-html="style.code"></pre></td>
-            </tr>
-          </table>
+          <div ng-repeat="style in code[selectedTab.code]">
+            <label>{{:: style.label }}</label>
+            <div><pre class="prettyprint" ng-bind-html="style.code"></pre></div>
+          </div>
         </div>
       </div>
       <div class="panel explorer-result-panel panel-{{ status }}" >