From 86eea0a8441bb83c64f28459c4c5bb74996d2dbe Mon Sep 17 00:00:00 2001
From: cristhianzl <cristhian.lousa@gmail.com>
Date: Thu, 6 Jun 2024 14:28:00 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20(tableAutoCellRender):=20add=20t?=
 =?UTF-8?q?runcate=20class=20to=20div=20for=20text=20overflow=20handling?=
 =?UTF-8?q?=20=F0=9F=92=84=20(classes.css):=20change=20.ag-cell=20alignmen?=
 =?UTF-8?q?t=20to=20align-content=20center=20for=20better=20layout?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../tableComponent/components/tableAutoCellRender/index.tsx   | 4 ++--
 src/frontend/src/style/classes.css                            | 3 +--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/components/tableComponent/components/tableAutoCellRender/index.tsx b/src/frontend/src/components/tableComponent/components/tableAutoCellRender/index.tsx
index 7ff5a01cb..0c5c00ac9 100644
--- a/src/frontend/src/components/tableComponent/components/tableAutoCellRender/index.tsx
+++ b/src/frontend/src/components/tableComponent/components/tableAutoCellRender/index.tsx
@@ -34,7 +34,7 @@ export default function TableAutoCellRender({
               variant="outline"
               size="sq"
               className={cn(
-                "min-w-min bg-success-background text-success-foreground hover:bg-success-background"
+                "min-w-min bg-success-background text-success-foreground hover:bg-success-background",
               )}
             >
               {value}
@@ -51,7 +51,7 @@ export default function TableAutoCellRender({
   }
 
   return (
-    <div className="group flex h-full w-full items-center align-middle">
+    <div className="group flex h-full w-full items-center truncate align-middle">
       {getCellType()}
     </div>
   );
diff --git a/src/frontend/src/style/classes.css b/src/frontend/src/style/classes.css
index 08226b832..b25da3dfb 100644
--- a/src/frontend/src/style/classes.css
+++ b/src/frontend/src/style/classes.css
@@ -102,8 +102,7 @@ select:-webkit-autofill:focus {
 }
 
 .ag-row .ag-cell {
-  display: flex;
-  align-items: center;
+  align-content: center !important;
 }
 .ag-cell {
   line-height: 1.25rem;