Responsive patient info table (#171)

Signed-off-by: Courtney Gosselin <courtney@gosselin.io>
CanDIG · Aug 19, 2024 · 8c80c79 · 8c80c79
1 parent d95a93b
commit 8c80c79
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/views/clinicalGenomic/clinicalPatientView.js b/src/views/clinicalGenomic/clinicalPatientView.js
@@ -96,8 +96,15 @@ function ClinicalPatientView() {
                     </div>
                 ))}
             </StyledTopLevelBox>
-            <div style={{ width: '100%', height: '68vh' }}>
-                <DataGrid rows={rows} columns={columns} pageSize={10} rowsPerPageOptions={[10]} hideFooterSelectedRowCount />
+            <div style={{ width: '100%' }}>
+                <DataGrid
+                    sx={{ minHeight: '30vh', maxHeight: '68vh' }}
+                    rows={rows}
+                    columns={columns}
+                    pageSize={10}
+                    rowsPerPageOptions={[10]}
+                    hideFooterSelectedRowCount
+                />
             </div>
             {dateOfBirth && (
                 <TimelineContainer>