Fix Tailwind column popup on reorder

Author: rappasoft

resources/views/tailwind/datatable.blade.php

@@ -26,10 +26,10 @@
                         @include('livewire-tables::tailwind.includes.filters')
                     </div>
 
-                    <div class="md:space-x-2 md:flex md:items-center">
-                        @include('livewire-tables::tailwind.includes.bulk-actions')
-                        @include('livewire-tables::tailwind.includes.column-select')
-                        @include('livewire-tables::tailwind.includes.per-page')
+                    <div class="md:flex md:items-center">
+                        <div>@include('livewire-tables::tailwind.includes.bulk-actions')</div>
+                        <div>@include('livewire-tables::tailwind.includes.column-select')</div>
+                        <div>@include('livewire-tables::tailwind.includes.per-page')</div>
                     </div>
                 </div>
 

resources/views/tailwind/includes/column-select.blade.php

@@ -1,5 +1,5 @@
 @if ($columnSelect)
-    <div class="w-full md:w-auto mb-4 md:mb-0">
+    <div class="w-full md:w-auto mb-4 md:mb-0 md:ml-2">
         <div
             x-data="{ open: false }"
             @keydown.window.escape="open = false"

resources/views/tailwind/includes/per-page.blade.php

@@ -1,5 +1,5 @@
 @if ($paginationEnabled && $showPerPage)
-    <div class="w-full md:w-auto">
+    <div class="w-full md:w-auto ml-0 md:ml-2">
         <select
             wire:model="perPage"
             id="perPage"