From b0d6a1451f9d4a752cd4627663b011b65de9c347 Mon Sep 17 00:00:00 2001
From: Yuri Dimas <yuri@impstudio.co.id>
Date: Wed, 19 Nov 2025 12:02:35 +0700
Subject: [PATCH] fix: add new class to responsive pagination

---
 wwwroot/plugins/datatables/dataTables.tailwindcss.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/wwwroot/plugins/datatables/dataTables.tailwindcss.js b/wwwroot/plugins/datatables/dataTables.tailwindcss.js
index 9a6099f..dd6b438 100644
--- a/wwwroot/plugins/datatables/dataTables.tailwindcss.js
+++ b/wwwroot/plugins/datatables/dataTables.tailwindcss.js
@@ -57,7 +57,7 @@
 		renderer: 'tailwindcss',
 		dom: "<'grid grid-cols-1 bg-gray-50 rounded-t-md py-3 px-2 lg:grid-cols-12 mb-1 items-center space-y-4 lg:space-y-0'<'lg:col-span-9'l><'lg:col-span-3'f><'lg:justify-self-center'B>>" +
 			"rt" +
-			"<'flex flex-col lg:flex-row items-center py-2 px-2 lg:justify-between pt-4'ip>",
+			"<'flex flex-col md:flex-row gap-2 p-2 items-center md:justify-between pt-4'ip>",
 		language: {
 			processing: '<div class="badge badge-soft badge-info rounded-full">' +
 				'<span class="loading loading-bars loading-xs"></span>' +
@@ -90,7 +90,7 @@
 			row: 'text-center'
 		},
 		info: {
-			container: 'dt-info'
+			container: 'w-full'
 		},
 		search: {
 			container: "input input-sm",
@@ -103,6 +103,8 @@
 			container: "dt-processing"
 		},
 		paging: {
+			container: "w-full overflow-x-auto overflow-y-hidden",
+			nav: "flex-none md:flex md:justify-end",
 			active: 'bg-primary-500 text-white border-primary-500',
 			notActive: '',
 			button: 'join-item btn btn-sm btn-outline rounded-full',