From f22b32278ee550555b887910c19ada96ca60f826 Mon Sep 17 00:00:00 2001
From: Pawel Kowalczyk <pawel.kowalczyk@contractors.roche.com>
Date: Thu, 11 Oct 2018 18:04:51 +0200
Subject: [PATCH] refs #14312-workflows-inputs-overflow

Arvados-DCO-1.1-Signed-off-by: Pawel Kowalczyk <pawel.kowalczyk@contractors.roche.com>
---
 .../workflow-panel/workflow-description-card.tsx    | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/views/workflow-panel/workflow-description-card.tsx b/src/views/workflow-panel/workflow-description-card.tsx
index a98356403b..ecbc9f0c0a 100644
--- a/src/views/workflow-panel/workflow-description-card.tsx
+++ b/src/views/workflow-panel/workflow-description-card.tsx
@@ -9,14 +9,21 @@ import { WorkflowIcon } from '~/components/icon/icon';
 import { DataTableDefaultView } from '~/components/data-table-default-view/data-table-default-view';
 import { WorkflowResource, parseWorkflowDefinition, getWorkflowInputs, getInputLabel, stringifyInputType } from '~/models/workflow';
 
-export type CssRules = 'root' | 'tab';
+export type CssRules = 'root' | 'tab' | 'inputTab';
 
 const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
     root: {
-        height: '100%',
+        height: '100%'
     },
     tab: {
         minWidth: '50%'
+    },
+    inputTab: {
+        overflowX: 'auto',
+        overflowY: 'hidden',
+        '&:last-child': {
+            paddingBottom: theme.spacing.unit / 2,
+        }
     }
 });
 
@@ -53,7 +60,7 @@ export const WorkflowDetailsCard = withStyles(styles)(
                                 messages={['Please select a workflow to see its description.']} />
                         )}
                 </CardContent>}
-                {value === 1 && <CardContent>
+                {value === 1 && <CardContent className={classes.inputTab}>
                     {workflow
                         ? this.renderInputsTable()
                         : <DataTableDefaultView
-- 
2.30.2