Render elements on one line

core/templates/modals/drilldown.html

@@ -104,6 +104,6 @@
       </div>
     </div>
     <button class="modal-close is-large" aria-label="close"></button>
-    <script>activateButtons();</script>
+    {# <script>activateButtons();</script> #}
   </div>
 </div>

core/templates/ui/drilldown/table_results_partial.html

@@ -16,7 +16,9 @@
                     {% if column.name in show and not column.name in hide %}
                       {% block table.thead.th %}
                         <th {% render_attrs column.attrs.th class="" %}>
+                          <div class="nowrap-parent">
                             {% if column.orderable %}
+                              <div class="nowrap-child">
                                 {% if column.is_ordered %}
                                   {% is_descending column.order_by as descending %}
                                   {% if descending %}
@@ -27,6 +29,8 @@
                                 {% else %}
                                   <span class="icon" aria-hidden="true">{% block table.orderable_icon %}<i class="fa-solid fa-sort"></i>{% endblock table.orderable_icon %}</span>
                                 {% endif %}
+                              </div>
+                              <div class="nowrap-child">
                                 <a
                                   hx-get="search/{% querystring table.prefixed_order_by_field=column.order_by_alias.next %}&{{ uri }}"
                                   hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
@@ -37,9 +41,13 @@
                                   style="cursor: pointer;">
                                   {{ column.header }}
                                 </a>
+                              </div>
                             {% else %}
+                              <div class="nowrap-child">
                                 {{ column.header }}
+                              </div>
                             {% endif %}
+                          </div>
                         </th>
                       {% endblock table.thead.th %}
                     {% endif %}
@@ -174,7 +182,7 @@
                                   </button>
                                 {% endif %}
                               </div>
-                              {% if row.cells.num_chans is not None %}
+                              {% if row.cells.num_chans != '—' %}
                                 <div class="nowrap-child">
                                   <span class="tag">
                                     {{ row.cells.num_chans }}
@@ -185,12 +193,13 @@
                           </td>
                         {% elif column.name == 'channel' %}
                           <td>
+                            {% if cell != '—' %}
                               <div class="nowrap-parent">
                                 <a class="nowrap-child has-text-link is-underlined"
                                    onclick="populateSearch('channel', '{{ cell|escapejs }}')">
                                   {{ cell }}
                                 </a>
-                              {% if row.cells.num_users is not None %}
+                                {% if row.cells.num_users != '—' %}
                                   <div class="nowrap-child">
                                     <span class="tag">
                                       {{ row.cells.num_users }}
@@ -198,6 +207,9 @@
                                   </div>
                                 {% endif %}
                               </div>
+                            {% else %}
+                              {{ cell }}
+                            {% endif %}
                           </td>
                         {% elif column.name == 'net' %}
                           <td>