panel_component.html.erb in avo-3.6.1

- old
+ new
@@ -1,32 +1,34 @@
 <%= content_tag :div, data: data_attributes, class: classes do %>
   <% if render_header? %>
-    <div data-target="panel-header" class="flex-1 flex flex-col xl:flex-row justify-between mb-4">
-      <div class="overflow-hidden flex flex-col">
-        <% if display_breadcrumbs? %>
-          <div class="breadcrumbs truncate mb-2">
-            <%= helpers.render_avo_breadcrumbs(separator: helpers.svg('chevron-right', class: 'inline-block h-3 stroke-current relative top-[-1px] ml-1' )) if Avo.configuration.display_breadcrumbs %>
-          </div>
-        <% end %>
-        <div class="text-2xl tracking-normal font-semibold text-gray-800 truncate items-center flex flex-1" data-target="title">
-          <span><%= @name %></span>
-          <% if @reloadable %>
-            <%= button_tag data: { controller: "panel-refresh", action: "click->panel-refresh#refresh" } do %>
-              <%= svg "heroicons/outline/arrow-path", class: "ml-2 text-2xl h-6 " %>
+    <div data-target="panel-header" class="mb-4">
+      <% if display_breadcrumbs? %>
+        <div class="breadcrumbs mb-2">
+          <%= helpers.render_avo_breadcrumbs(separator: helpers.svg('chevron-right', class: 'inline-block h-3 stroke-current relative top-[-1px] ml-1' )) if Avo.configuration.display_breadcrumbs %>
+        </div>
+      <% end %>
+      <div class="flex-1 flex flex-col xl:flex-row justify-between gap-1">
+        <div class="overflow-hidden flex flex-col">
+          <div class="text-2xl tracking-normal font-semibold text-gray-800 items-center flex flex-1" data-target="title">
+            <span><%= @name %></span>
+            <% if @reloadable %>
+              <%= button_tag data: { controller: "panel-refresh", action: "click->panel-refresh#refresh" } do %>
+                <%= svg "heroicons/outline/arrow-path", class: "ml-2 text-2xl h-6 " %>
+              <% end %>
             <% end %>
+          </div>
+          <% if description.present? %>
+            <div class="text-sm tracking-normal font-medium text-gray-600" data-target="description">
+              <%== description %>
+            </div>
           <% end %>
         </div>
-        <% if description.present? %>
-          <div class="text-sm tracking-normal font-medium text-gray-600" data-target="description">
-            <%== description %>
+        <% if tools.present? %>
+          <div class="flex-1 w-full flex flex-col sm:flex-row xl:justify-end sm:items-end gap-2 mt-4 xl:mt-0" data-target="panel-tools">
+            <%= tools %>
           </div>
         <% end %>
       </div>
-      <% if tools.present? %>
-        <div class="flex-1 w-full flex flex-wrap flex-col sm:flex-row xl:justify-end sm:items-end gap-2 mt-4 xl:mt-0" data-target="panel-tools">
-          <%= tools %>
-        </div>
-      <% end %>
     </div>
   <% end %>
   <% if body? %>
     <div data-target="panel-body" class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:gap-4 w-full">
       <div class="relative flex-1 w-full <% if sidebar? %> sm:w-2/3 <% end %>">