Add grid compact button

core/templates/base.html

@@ -200,7 +200,7 @@
         background-color:rgba(250, 250, 250, 0.8) !important;
       }
 
-      .ui-close {
+      .float-right {
         float: right;
       }
       .grid-stack-item:hover .ui-resizable-handle {

core/templates/widgets/table_results.html

@@ -11,7 +11,7 @@
 
 {% block close_button %}
   <i
-    class="fa-solid fa-xmark has-text-grey-light ui-close"
+    class="fa-solid fa-xmark has-text-grey-light float-right"
     onclick='grid.removeWidget("drilldown-widget-{{ unique }}"); //grid.compact();'></i>
 {% endblock %}
 

core/templates/wm/panel.html

@@ -4,7 +4,7 @@
       <i class="fa-solid fa-arrows-up-down-left-right has-text-grey-light"></i>
       {% block close_button %}
         <i
-          class="fa-solid fa-xmark has-text-grey-light ui-close"
+          class="fa-solid fa-xmark has-text-grey-light float-right"
           data-script="on click remove the closest <nav/>"></i>
       {% endblock %}
       {% block heading %}

core/templates/wm/widget.html

@@ -7,9 +7,12 @@
           <i class="fa-solid fa-arrows-up-down-left-right has-text-grey-light"></i>
           {% block close_button %}
             <i
-              class="fa-solid fa-xmark has-text-grey-light ui-close"
-              onclick='grid.removeWidget("drilldown-widget-{{ unique }}"); grid.compact();'></i>
+              class="fa-solid fa-xmark has-text-grey-light float-right"
+              onclick='grid.removeWidget("drilldown-widget-{{ unique }}");'></i>
           {% endblock %}
+          <i
+            class="fa-solid fa-arrows-minimize has-text-grey-light"
+            onclick='grid.compact();'></i>
           {% block heading %}
           {% endblock %}
         </p>