fix: pagination button spacing (#215)

satnaing · web-flow · commit 55f9863b5489 · 2025-08-30T22:38:06.000+07:00
diff --git a/src/components/data-table/pagination.tsx b/src/components/data-table/pagination.tsx
@@ -92,7 +92,7 @@ export function DataTablePagination<TData>({
               ) : (
                 <Button
                   variant={currentPage === pageNumber ? 'default' : 'outline'}
-                  className='size-8 p-0'
+                  className='h-8 min-w-8 px-2'
                   onClick={() => table.setPageIndex((pageNumber as number) - 1)}
                 >
                   <span className='sr-only'>Go to page {pageNumber}</span>

Original file line number	Diff line number	Diff line change
`@@ -92,7 +92,7 @@ export function DataTablePagination<TData>({`
`92`	`92`	`) : (`
`93`	`93`	`<Button`
`94`	`94`	`variant={currentPage === pageNumber ? 'default' : 'outline'}`
`95`		`- className='size-8 p-0'`
	`95`	`+ className='h-8 min-w-8 px-2'`
`96`	`96`	`onClick={() => table.setPageIndex((pageNumber as number) - 1)}`
`97`	`97`	`>`
`98`	`98`	`<span className='sr-only'>Go to page {pageNumber}</span>`