From 350523c51ce5c790a382ada75fdab5f6c7583100 Mon Sep 17 00:00:00 2001
From: Matt <mattskent@gmail.com>
Date: Sat, 21 Dec 2024 18:53:49 -0500
Subject: [PATCH] Shrink font/spacing

---
 .../src/components/dashboard/ProductGrid.jsx      | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/dashboard/src/components/dashboard/ProductGrid.jsx b/dashboard/src/components/dashboard/ProductGrid.jsx
index 83e60bc..4b4b486 100644
--- a/dashboard/src/components/dashboard/ProductGrid.jsx
+++ b/dashboard/src/components/dashboard/ProductGrid.jsx
@@ -424,7 +424,7 @@ const ProductGrid = ({
                         className="hover:bg-muted/50 transition-colors"
                       >
                         {columnVisibility.image && (
-                          <td className="p-1.5 align-middle w-[50px]">
+                          <td className="p-1 align-middle w-[50px]">
                             {product.ImgThumb && (
                               <img
                                 src={product.ImgThumb}
@@ -438,37 +438,36 @@ const ProductGrid = ({
                           </td>
                         )}
                         {columnVisibility.name && (
-                          <td className="p-1.5 align-middle min-w-[200px]">
+                          <td className="p-1 align-middle min-w-[200px]">
                             <div className="flex flex-col min-w-0">
                               <a
                                 href={`https://backend.acherryontop.com/product/${product.id}`}
                                 target="_blank"
                                 rel="noopener noreferrer"
-                                className="font-sm hover:underline line-clamp-2 text-gray-900 dark:text-gray-100"
+                                className="text-sm hover:underline line-clamp-2 text-gray-900 dark:text-gray-100"
                               >
                                 {product.name}
                               </a>
-                        
                             </div>
                           </td>
                         )}
                         {columnVisibility.totalQuantity && (
-                          <td className="p-1.5 align-middle text-center font-medium">
+                          <td className="p-1 align-middle text-center text-sm font-medium">
                             {product.totalQuantity}
                           </td>
                         )}
                         {columnVisibility.totalRevenue && (
-                          <td className="p-1.5 align-middle text-center text-emerald-600 dark:text-emerald-400 font-medium">
+                          <td className="p-1 align-middle text-center text-emerald-600 dark:text-emerald-400 text-sm font-medium">
                             ${product.totalRevenue.toFixed(2)}
                           </td>
                         )}
                         {columnVisibility.orderCount && (
-                          <td className="p-1.5 align-middle text-center text-muted-foreground">
+                          <td className="p-1 align-middle text-center text-muted-foreground text-sm">
                             {product.orderCount}
                           </td>
                         )}
                         {columnVisibility.price && (
-                          <td className="p-1.5 align-middle text-center hidden md:table-cell">
+                          <td className="p-1 align-middle text-center hidden md:table-cell text-sm">
                             ${product.price.toFixed(2)}
                           </td>
                         )}