Merge pull request #352 from jayfo/columns

Adjust Columns to Create More Space for Patient Name
uwscope · Aug 28, 2022 · 2c399fb · 2c399fb
2 parents cb30220 + d4f10a9
commit 2c399fb
Showing 1 changed file with 13 additions and 7 deletions.
diff --git a/web_registry/src/components/caseload/CaseloadTable.tsx b/web_registry/src/components/caseload/CaseloadTable.tsx
@@ -136,7 +136,7 @@ export const CaseloadTable: FunctionComponent<ICaseloadTableProps> = (props) =>
         {
             field: 'name',
             headerName: 'Name',
-            minWidth: 120,
+            minWidth: 240,
             align: 'center',
             headerAlign: 'center',
         },
@@ -157,31 +157,35 @@ export const CaseloadTable: FunctionComponent<ICaseloadTableProps> = (props) =>
         {
             field: 'initialSession',
             headerName: 'Initial Session',
-            minWidth: 80,
+            width: 85,
+            renderHeader,
             align: 'center',
             headerAlign: 'center',
             filterable: false,
         },
         {
             field: 'recentSession',
             headerName: 'Last Session',
-            minWidth: 80,
+            width: 85,
+            renderHeader,
             align: 'center',
             headerAlign: 'center',
             filterable: false,
         },
         {
             field: 'recentCaseReview',
             headerName: 'Last Case Review',
-            minWidth: 120,
+            width: 85,
+            renderHeader,
             align: 'center',
             headerAlign: 'center',
             filterable: false,
         },
         {
             field: 'nextSessionDue',
             headerName: 'Follow-up Due',
-            minWidth: 80,
+            width: 85,
+            renderHeader,
             align: 'center',
             headerAlign: 'center',
             filterable: false,
@@ -234,7 +238,8 @@ export const CaseloadTable: FunctionComponent<ICaseloadTableProps> = (props) =>
         {
             field: 'lastPHQDate',
             headerName: 'Last PHQ-9 Date',
-            minWidth: 120,
+            width: 85,
+            renderHeader,
             align: 'center',
             headerAlign: 'center',
         },
@@ -268,7 +273,8 @@ export const CaseloadTable: FunctionComponent<ICaseloadTableProps> = (props) =>
         {
             field: 'lastGADDate',
             headerName: 'Last GAD-7 Date',
-            minWidth: 120,
+            width: 85,
+            renderHeader,
             align: 'center',
             headerAlign: 'center',
         },