Put all Insights elements into boxes

core/templates/ui/insights/channels.html

@@ -1,23 +1,16 @@
 <div id="channels">
-  <div class="panel is-primary" style="max-height: 30em; overflow: auto">
-    <p class="panel-heading">
-      Channels
-    </p>
-    {% for chan in chans %}
-      <a class="panel-block is-active">
-        <span class="panel-icon">
-          <i class="fa-solid fa-hashtag" aria-hidden="true"></i>
-        </span>
-        <span
-          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
-          hx-post="{% url 'modal_drilldown' %}"
-          hx-vals='{"net": "{{ net }}", "nick": "{{ nick }}", "channel": "{{ chan }}"}'
-          hx-target="#modals-here" 
-          hx-trigger="click"
-          class="button is-small">
-          {{ chan }}
-        </span>
-      </a>
-    {% endfor %}
-  </div>
+  {% for chan in chans %}
+    <span class="panel-icon">
+      <i class="fa-solid fa-hashtag" aria-hidden="true"></i>
+    </span>
+    <span
+      hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+      hx-post="{% url 'modal_drilldown' %}"
+      hx-vals='{"net": "{{ net }}", "nick": "{{ nick }}", "channel": "{{ chan }}"}'
+      hx-target="#modals-here" 
+      hx-trigger="click"
+      class="button is-small">
+      {{ chan }}
+    </span>
+  {% endfor %}
 </div>