adjust cell padding

Author: selfcontained

components/dashboard/src/components/podkit/tables/SortableTable.tsx

@@ -31,11 +31,15 @@ export const SortableTableHead = React.forwardRef<
             {...props}
             aria-sort={sortOrder === "asc" ? "ascending" : sortOrder === "desc" ? "descending" : "none"}
         >
-            <Button variant="ghost" onClick={handleClick} className="flex flex-row items-center gap-1 font-semibold">
+            <Button
+                variant="ghost"
+                onClick={handleClick}
+                className="flex flex-row items-center gap-1 font-semibold p-0 -h-9"
+            >
                 {children}
                 {/* keep element in dom to preserve space */}
                 <span className={cn(!sortOrder && "invisible")}>
-                    {sortOrder === "asc" ? <ChevronUpIcon size={20} /> : <ChevronDownIcon size={20} />}
+                    {sortOrder === "asc" ? <ChevronUpIcon size={24} /> : <ChevronDownIcon size={24} />}
                 </span>
             </Button>
         </TableHead>

components/dashboard/src/components/podkit/tables/Table.tsx

@@ -27,7 +27,7 @@ export const TableHeader = React.forwardRef<HTMLTableSectionElement, React.HTMLA
         return (
             <thead
                 ref={ref}
-                className="[&_th]:p-3 [&_th]:bg-gray-100 [&_th]:font-semibold dark:[&_th]:bg-gray-800 [&_th:first-child]:rounded-tl-md [&_th:last-child]:rounded-tr-md"
+                className="[&_th]:py-2 [&_th]:px-4 [&_th]:bg-gray-100 [&_th]:font-semibold dark:[&_th]:bg-gray-800 [&_th:first-child]:rounded-tl-md [&_th:last-child]:rounded-tr-md"
                 {...props}
             />
         );
@@ -53,7 +53,11 @@ TableHead.displayName = "TableHead";
 export const TableBody = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(
     ({ className, ...props }, ref) => {
         return (
-            <tbody ref={ref} className="[&_td]:p-3 [&_td:last-child]:text-right [&_tr]:hover:bg-muted/5" {...props} />
+            <tbody
+                ref={ref}
+                className="[&_td]:py-3 [&_td]:px-4 [&_td:last-child]:text-right [&_tr]:hover:bg-muted/5"
+                {...props}
+            />
         );
     },
 );