X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/847ac07f82a1432d6472390aab5e8c2198d425a5..3b5006ca69bbb5c6f446adfcdd6eeb3a5508f84a:/src/views/workflow-panel/workflow-panel-view.tsx

diff --git a/src/views/workflow-panel/workflow-panel-view.tsx b/src/views/workflow-panel/workflow-panel-view.tsx
index 094c1e6b..8d21f335 100644
--- a/src/views/workflow-panel/workflow-panel-view.tsx
+++ b/src/views/workflow-panel/workflow-panel-view.tsx
@@ -16,7 +16,7 @@ import {
 import { SortDirection } from '~/components/data-table/data-column';
 import { DataColumns } from '~/components/data-table/data-table';
 import { DataTableFilterItem } from '~/components/data-table-filters/data-table-filters';
-import { Grid } from '@material-ui/core';
+import { Grid, Paper } from '@material-ui/core';
 import { WorkflowDetailsCard } from './workflow-description-card';
 
 export enum WorkflowPanelColumnNames {
@@ -103,7 +103,7 @@ export const workflowPanelColumns: DataColumns<string, WorkflowPanelFilter> = [
     }
 ];
 
-export const WorkflowPanelView = ({...props}) => {
+export const WorkflowPanelView = ({ ...props }) => {
     return <Grid container spacing={16}>
         <Grid item xs={6}>
             <DataExplorer
@@ -111,11 +111,13 @@ export const WorkflowPanelView = ({...props}) => {
                 onRowClick={props.handleRowClick}
                 onRowDoubleClick={props.handleRowDoubleClick}
                 contextMenuColumn={false}
-                onContextMenu={e=>e}
+                onContextMenu={e => e}
                 dataTableDefaultView={<DataTableDefaultView icon={WorkflowIcon} />} />
         </Grid>
         <Grid item xs={6}>
-            <WorkflowDetailsCard />
+            <Paper style={{ height: '100%' }}>
+                <WorkflowDetailsCard />
+            </Paper>
         </Grid>
     </Grid>;
 };
\ No newline at end of file
