From 0c7009ddf18456b09d690fcbf214deccda2b2d41 Mon Sep 17 00:00:00 2001
From: slayernominee <slayernominee_git@proton.me>
Date: Sun, 7 Jan 2024 13:57:34 +0100
Subject: [PATCH] file editor scroll

---
 app/dashboard/files/columns.tsx    | 6 ++++--
 app/dashboard/files/data-table.tsx | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/dashboard/files/columns.tsx b/app/dashboard/files/columns.tsx
index 81f04bf..f77f120 100644
--- a/app/dashboard/files/columns.tsx
+++ b/app/dashboard/files/columns.tsx
@@ -76,13 +76,15 @@ export const columns: ColumnDef<File>[] = [
     accessorKey: "modified",
     header: ({ column }) => {
       return (
+        <div className="text-right">
         <Button
           variant="ghost"
           onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
         >
-          Modified x ago
+          Modified
           <ArrowUpDown className="ml-2 h-4 w-4" />
         </Button>
+        </div>
       )
     },
     cell: ({ row }) => {
@@ -110,7 +112,7 @@ export const columns: ColumnDef<File>[] = [
         formatted = `${formatted}s`
       }
 
-      return <div className="text-right font-medium">{formatted} ago</div>
+      return <div className="font-medium text-right pr-6">{formatted} ago</div>
     },
   },
 ]
diff --git a/app/dashboard/files/data-table.tsx b/app/dashboard/files/data-table.tsx
index c732f62..6aaeb50 100644
--- a/app/dashboard/files/data-table.tsx
+++ b/app/dashboard/files/data-table.tsx
@@ -55,7 +55,7 @@ export function DataTable<TData, TValue>({
 
   return (
     <div>
-    <div className="rounded-md border">
+    <div className="rounded-md border h-[42.8rem] overflow-y-scroll">
       <Table>
         <TableHeader>
           {table.getHeaderGroups().map((headerGroup) => (