From cc0675f9beecf10582b51837a898ecf3d45a8eaa Mon Sep 17 00:00:00 2001
From: ali asaria <aliasaria@users.noreply.github.com>
Date: Tue, 4 Feb 2025 10:06:06 -0500
Subject: [PATCH] improve look of documents a bit

---
 .../components/Experiment/Rag/Documents.tsx   | 24 +++++--------------
 1 file changed, 6 insertions(+), 18 deletions(-)

diff --git a/src/renderer/components/Experiment/Rag/Documents.tsx b/src/renderer/components/Experiment/Rag/Documents.tsx
index 80fc5d19..8fde7709 100644
--- a/src/renderer/components/Experiment/Rag/Documents.tsx
+++ b/src/renderer/components/Experiment/Rag/Documents.tsx
@@ -369,11 +369,8 @@ export default function Documents({ experimentInfo, fullPage = false }) {
                 sx={{
                   '--TableCell-headBackground':
                     'var(--joy-palette-background-level1)',
-                  '--Table-headerUnderlineThickness': '1px',
                   '--TableRow-hoverBackground':
                     'var(--joy-palette-background-level1)',
-                  '--TableCell-paddingY': '4px',
-                  '--TableCell-paddingX': '8px',
                 }}
               >
                 <thead>
@@ -407,7 +404,7 @@ export default function Documents({ experimentInfo, fullPage = false }) {
                         sx={{ verticalAlign: 'text-bottom' }}
                       />
                     </th> */}
-                    <th style={{ height: '10px' }}>
+                    <th style={{ paddingLeft: '1rem' }}>
                       <Link
                         underline="none"
                         color="primary"
@@ -430,15 +427,9 @@ export default function Documents({ experimentInfo, fullPage = false }) {
                     </th>
                     {fullPage && (
                       <>
-                        <th style={{ padding: '12px 6px', width: '200px' }}>
-                          Date
-                        </th>
-                        <th style={{ padding: '12px 6px', width: '120px' }}>
-                          Type
-                        </th>{' '}
-                        <th style={{ width: '130px' }}>
-                          <Typography color="neutral">Size</Typography>
-                        </th>
+                        <th style={{ width: '200px' }}>Date</th>
+                        <th style={{ width: '120px' }}>Type</th>
+                        <th style={{ width: '130px' }}>Size</th>
                       </>
                     )}
 
@@ -475,11 +466,8 @@ export default function Documents({ experimentInfo, fullPage = false }) {
                           sx={{ verticalAlign: 'text-bottom' }}
                         />
                       </td> */}
-                      <td>
-                        <Typography
-                          level="body-xs"
-                          sx={{ paddingLeft: '12px' }}
-                        >
+                      <td style={{ paddingLeft: '1rem' }}>
+                        <Typography level="body-xs" sx={{}}>
                           {row?.name}
                         </Typography>
                       </td>
-- 
GitLab