feat: update package conditions table styles (#209)

This changes updates the styles of the Package Conditions Table.
GoogleContainerTools · Nov 11, 2022 · d24c609 · d24c609
1 parent e10b3ca
commit d24c609
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/plugins/cad/src/components/PackageRevisionPage/components/ConditionsTable.tsx b/plugins/cad/src/components/PackageRevisionPage/components/ConditionsTable.tsx
@@ -51,11 +51,13 @@ const renderStatusColumn = (row: ConditionRow): JSX.Element => {
 };
 
 const getTableColumns = (): TableColumn<ConditionRow>[] => {
+  const cellStyle = { lineHeight: '1.5' };
+
   const columns: TableColumn<ConditionRow>[] = [
-    { title: 'Type', field: 'type' },
-    { title: 'Status', render: renderStatusColumn },
-    { title: 'Reason', field: 'reason' },
-    { title: 'Message', field: 'message' },
+    { title: 'Status', render: renderStatusColumn, width: '115px' },
+    { title: 'Type', field: 'type', width: 'fit-content', cellStyle },
+    { title: 'Reason', field: 'reason', width: 'fit-content', cellStyle },
+    { title: 'Message', field: 'message', width: '35vw', cellStyle },
   ];
 
   return columns;