Retheme Insights page to not use panels

core/templates/ui/insights/channels.html

@@ -1,8 +1,9 @@
 <div id="channels">
-  <div class="content">
-    <ol type="1">
+  <div class="content" style="max-height: 30em; overflow: auto;">
+    <table class="table is-fullwidth is-hoverable">
       {% for chan in chans %}
-        <li>
+        <tr>
+          <td>
             <span
               hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
               hx-post="{% url 'modal_drilldown' %}"
@@ -12,8 +13,9 @@
               class="button is-small">
               {{ chan }}
             </span>
-        </li>
+          </td>
+        </tr>
       {% endfor %}
-    </ol>
+    </table>
   </div>
 </div>

core/templates/ui/insights/info.html

@@ -29,6 +29,7 @@
 </div>
 <div id="info">
   {% if item is not None %}
+    <div class="content" style="max-height: 30em; overflow: auto;">
       <div class="table-container">
         <table class="table is-fullwidth is-hoverable">
           <tbody>
@@ -101,5 +102,6 @@
           </tbody>
         </table>
       </div>
+    </div>
   {% endif %}
 </div>

core/templates/ui/insights/meta.html

@@ -1,5 +1,8 @@
 <div id="meta">
-  <i class="fa-solid fa-hashtag" aria-hidden="true"></i>
+  <div class="content" style="max-height: 30em; overflow: auto;">
+    <table class="table is-fullwidth is-hoverable">
+      <tr>
+        <td>
           <span
             hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
             hx-post="{% url 'modal_drilldown' %}"
@@ -9,4 +12,8 @@
             class="button is-small">
             bbb
           </span>
+        </td>
+      </tr>
+    </table>
+  </div>
 </div>

core/templates/ui/insights/nicks.html

@@ -1,8 +1,9 @@
 <div id="nicks">
-  <div class="content">
-    <ol type="1">
+  <div class="content" style="max-height: 30em; overflow: auto;">
+    <table class="table is-fullwidth is-hoverable">
       {% for nick in nicks %}
-        <li>
+        <tr>
+          <td>
             <span
               hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
               hx-post="{% url 'modal_drilldown' %}"
@@ -12,8 +13,9 @@
               class="button is-small">
               {{ nick }}
             </span>
-        </li>
+          </td>
+        </tr>
       {% endfor %}
-    </ol>
+    </table>
   </div>
 </div>