From bfd6df66988500bd5d123292d481665690afec3f Mon Sep 17 00:00:00 2001
From: Shivani Rupnawar <shivani.n.rupnawar@gmail.com>
Date: Tue, 15 Apr 2025 17:36:26 -0700
Subject: [PATCH] added scroll to the Name column of the ClassTable

---
 src/components/ClassTable.scss |  5 +++++
 src/components/ClassTable.tsx  | 15 +++++----------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/ClassTable.scss b/src/components/ClassTable.scss
index c4e36aea..341c8d6d 100644
--- a/src/components/ClassTable.scss
+++ b/src/components/ClassTable.scss
@@ -29,3 +29,8 @@
 .ag-cell-normal-text {
   color: var(--chakra-colors-fg);
 }
+
+.ag-cell.ag-column-last span{
+  overflow-x: auto;
+  text-overflow: unset;
+}
\ No newline at end of file
diff --git a/src/components/ClassTable.tsx b/src/components/ClassTable.tsx
index 7a4cea39..78b6f969 100644
--- a/src/components/ClassTable.tsx
+++ b/src/components/ClassTable.tsx
@@ -119,13 +119,10 @@ function ClassInput(props: {
   const [classInput, setClassInput] = useState("");
 
   // Search results for classes.
-  const searchResults = useRef<
-    Array<{
-      numbers: Array<string>;
-      name: string;
-      class: Class;
-    }>
-  >(undefined);
+  const searchResults =
+    useRef<Array<{ numbers: Array<string>; name: string; class: Class }>>(
+      undefined,
+    );
 
   const processedRows = useMemo(
     () =>
@@ -489,9 +486,7 @@ export function ClassTable(props: {
   }, [state]);
 
   const defaultColDef: ColDef<ClassTableRow, string> = useMemo(() => {
-    return {
-      resizable: false,
-    };
+    return { resizable: false };
   }, []);
 
   // Setup rows