Optimize the fontpage

Signed-off-by: kerthcet <kerthcet@gmail.com>

Author: kerthcet

dashboard/src/pages/datasets/index.tsx

@@ -180,11 +180,11 @@ export function DatasetsPage() {
                 <Table>
                   <TableHeader>
                     <TableRow className="hover:bg-transparent">
-                      <TableHead className="w-[35%]">Name</TableHead>
-                      <TableHead className="w-[25%]">Description</TableHead>
-                      <TableHead className="w-[15%]">Experiment</TableHead>
-                      <TableHead className="w-[15%]">Run</TableHead>
-                      <TableHead className="w-[10%] text-right">Actions</TableHead>
+                      <TableHead className="w-[35%] h-10">Name</TableHead>
+                      <TableHead className="w-[25%] h-10">Description</TableHead>
+                      <TableHead className="w-[15%] h-10">Experiment</TableHead>
+                      <TableHead className="w-[15%] h-10">Run</TableHead>
+                      <TableHead className="w-[10%] h-10 text-right">Actions</TableHead>
                     </TableRow>
                   </TableHeader>
                   <TableBody>
@@ -193,11 +193,11 @@ export function DatasetsPage() {
                         key={dataset.id}
                         className={selectedDataset?.id === dataset.id ? 'bg-accent/50' : ''}
                       >
-                        <TableCell>
+                        <TableCell className="py-2">
                           <div className="flex items-center gap-2">
-                            <Database className="h-4 w-4 text-blue-500 flex-shrink-0" />
+                            <Database className="h-3.5 w-3.5 text-blue-500 flex-shrink-0" />
                             <div className="min-w-0">
-                              <p className="text-sm font-medium truncate">{dataset.name}</p>
+                              <p className="text-[13px] font-medium truncate">{dataset.name}</p>
                               <p className="text-xs text-muted-foreground">
                                 {formatDistanceToNow(new Date(dataset.createdAt), {
                                   addSuffix: true,
@@ -206,49 +206,49 @@ export function DatasetsPage() {
                             </div>
                           </div>
                         </TableCell>
-                        <TableCell>
-                          <p className="text-sm text-muted-foreground line-clamp-2">
+                        <TableCell className="py-2">
+                          <p className="text-[13px] text-muted-foreground line-clamp-1">
                             {dataset.description || '-'}
                           </p>
                         </TableCell>
-                        <TableCell>
+                        <TableCell className="py-2">
                           {dataset.experimentId ? (
                             <Link
                               to={`/experiments/${dataset.experimentId}`}
-                              className="inline-flex items-center gap-1 text-sm text-blue-600 hover:text-blue-700 hover:underline"
+                              className="inline-flex items-center gap-1 text-[13px] text-blue-600 hover:text-blue-700 hover:underline"
                             >
                               <span className="font-mono truncate max-w-[100px]">
                                 {dataset.experimentId.slice(0, 8)}
                               </span>
                               <ExternalLink className="h-3 w-3 flex-shrink-0" />
                             </Link>
                           ) : (
-                            <span className="text-sm text-muted-foreground">-</span>
+                            <span className="text-[13px] text-muted-foreground">-</span>
                           )}
                         </TableCell>
-                        <TableCell>
+                        <TableCell className="py-2">
                           {dataset.runId ? (
                             <Link
                               to={`/runs/${dataset.runId}`}
-                              className="inline-flex items-center gap-1 text-sm text-green-600 hover:text-green-700 hover:underline"
+                              className="inline-flex items-center gap-1 text-[13px] text-green-600 hover:text-green-700 hover:underline"
                             >
                               <span className="font-mono truncate max-w-[100px]">
                                 {dataset.runId.slice(0, 8)}
                               </span>
                               <ExternalLink className="h-3 w-3 flex-shrink-0" />
                             </Link>
                           ) : (
-                            <span className="text-sm text-muted-foreground">-</span>
+                            <span className="text-[13px] text-muted-foreground">-</span>
                           )}
                         </TableCell>
-                        <TableCell className="text-right">
+                        <TableCell className="py-2 text-right">
                           <Button
                             variant="ghost"
                             size="sm"
                             onClick={() => handleViewFiles(dataset)}
-                            className="h-8"
+                            className="h-7 px-2"
                           >
-                            <Eye className="h-4 w-4" />
+                            <Eye className="h-3.5 w-3.5" />
                           </Button>
                         </TableCell>
                       </TableRow>