#13704: remove headerTitle class and change title

Feature #13704

Arvados-DCO-1.1-Signed-off-by: Janicki Artur <artur.janicki@contractors.roche.com>

diff --git a/src/views-components/details-panel/details-panel.tsx b/src/views-components/details-panel/details-panel.tsx
index 4b55d3f5923982afb524d34afc24e58f48cc7391..4bee8469a4d8eb08cb1eab205d113259b7d67e70 100644 (file)
--- a/src/views-components/details-panel/details-panel.tsx
+++ b/src/views-components/details-panel/details-panel.tsx
@@ -47,7 +47,7 @@ class DetailsPanel extends React.Component<DetailsPanelProps & WithStyles<CssRul
                                        {/* className={classnames([classes.root, { [classes.active]: isActive }])} */}
                                        <Typography component="div" className={classes.headerContainer}>
                                                <Grid container alignItems='center' justify='space-around'>
-                                                       <Typography variant="title" className={classes.headerTitle} gutterBottom>
+                                                       <Typography variant="title">
                                                                Tutorial pipeline
                                                        </Typography>
                                                        <IconButton color="inherit" onClick={() => toggleDrawer(false)}>
@@ -105,7 +105,7 @@ class DetailsPanel extends React.Component<DetailsPanelProps & WithStyles<CssRul
 
 }
 
-type CssRules = 'drawerPaper' | 'container' | 'headerContainer' | 'headerTitle' 
+type CssRules = 'drawerPaper' | 'container' | 'headerContainer' 
        | 'tabsIndicator' | 'tabRoot' | 'tabContainer' | 'tabSelected' | 'gridLabel';
 
 const drawerWidth = 320;
@@ -123,9 +123,6 @@ const styles: StyleRulesCallback<CssRules> = (theme: Theme) => ({
                color: '#A1A1A1',
                margin: `${theme.spacing.unit}px 0`
        },
-       headerTitle: {
-               marginBottom: 0
-       },
        tabsIndicator: {
                backgroundColor: purple
        },