table alignment

att · Jan 25, 2024 · 9196a56 · 9196a56
1 parent 4d0eec5
commit 9196a56
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 14 deletions.
diff --git a/portal/src/app/components/all-experiments/Experiments.module.scss b/portal/src/app/components/all-experiments/Experiments.module.scss
@@ -3,6 +3,7 @@
 .experiments_wrapper {
   padding-inline: 80px;
   padding-block: 40px;
+  margin-block: 60px;
 }
 
 .title_options_container {
@@ -46,12 +47,8 @@
 }
 
 .experiments_table {
-  margin-block: 60px;
-
-  th, td {
-    text-align: left;
-  }
-
+  text-align: left;
+
   th:first-child,
   td:first-child {
     text-align: center;

diff --git a/...onents/home/components/experiment/components/experiment-table/ExperimentTable.module.scss b/...onents/home/components/experiment/components/experiment-table/ExperimentTable.module.scss
@@ -9,6 +9,8 @@
 }
 
 .experiment_table {
+  text-align: center;
+
   th:first-child,
   td:first-child {
     inline-size: 80px;

diff --git a/portal/src/app/shared/components/table/Table.module.scss b/portal/src/app/shared/components/table/Table.module.scss
@@ -20,11 +20,7 @@ table {
 
 .table_content {
   background-color: var($backgroundColorWhite);
-
-  td {
-    padding: 16px;
-    border-block-end: 1px solid var($backgroundColorGray);
-    text-align: center;
-    vertical-align: middle;
-  }
+  padding: 16px;
+  border-block-end: 1px solid var($backgroundColorGray);
+  vertical-align: middle;
 }
diff --git a/portal/src/app/shared/components/table/Table.tsx b/portal/src/app/shared/components/table/Table.tsx
@@ -86,7 +86,7 @@ export const Table = <T extends any>({ headers, data, className }: TableProps<T>
         {table.getRowModel().rows.map((row: Row<T>) => (
           <tr key={row.id}>
             {row.getVisibleCells().map((cell: Cell<T, unknown>) => (
-              <td key={cell.id}>
+              <td key={cell.id} className={styles.table_content}>
                 {flexRender(cell.column.columnDef.cell, cell.getContext())}
               </td>
             ))}