[ARVADOS-WORKBENCH2] updated: 6ebb6d07335dab21e5ad24c1e354d6b1a68b1929

[Git user]

Summary of changes:
 src/components/project-tree/project-tree.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

       via  6ebb6d07335dab21e5ad24c1e354d6b1a68b1929 (commit)
      from  b29bd8eeb72369e20317329f63406a2faf3a165d (commit)

Those revisions listed above that are new to this repository have
not appeared on any other notification email; so we list those
revisions in full, below.


commit 6ebb6d07335dab21e5ad24c1e354d6b1a68b1929
Author: Pawel Kowalczyk <pawel.kowalczyk at contractors.roche.com>
Date:   Fri Jun 8 15:03:20 2018 +0200

    deleted unnecessary divs in project-tree component
    
    Feature #13535
    
    Arvados-DCO-1.1-Signed-off-by: Pawel Kowalczyk <pawel.kowalczyk at contractors.roche.com>

diff --git a/src/components/project-tree/project-tree.tsx b/src/components/project-tree/project-tree.tsx
index 39c4711..310dced 100644
--- a/src/components/project-tree/project-tree.tsx
+++ b/src/components/project-tree/project-tree.tsx
@@ -12,12 +12,15 @@ import Typography from '@material-ui/core/Typography';
 import Tree, { TreeItem } from '../tree/tree';
 import { Project } from '../../models/project';
 
-type CssRules = 'active' | 'row' | 'treeContainer';
+type CssRules = 'active' | 'listItemText' | 'row' | 'treeContainer';
 
 const styles: StyleRulesCallback<CssRules> = (theme: Theme) => ({
     active: {
         color: '#4285F6',
     },
+    listItemText: {
+        padding: '0px',
+    },
     row: {
         display: 'flex',
         alignItems: 'center',
@@ -40,13 +43,14 @@ export interface WorkbenchProps {
 class ProjectTree<T> extends React.Component<WorkbenchProps & WithStyles<CssRules>> {
     render(): ReactElement<any> {
         const {classes, projects} = this.props;
+        const {active, listItemText, row, treeContainer} = classes;
         return (
-            <div className={classes.treeContainer}>
+            <div className={treeContainer}>
                 <Tree items={projects}
                     toggleItem={this.props.toggleProjectTreeItem}
-                    render={(project: TreeItem<Project>) => <span className={classes.row}>
-                        <div><ListItemIcon className={project.active ? classes.active : ''}>{project.data.icon}</ListItemIcon></div>
-                        <div><ListItemText primary={<Typography className={project.active ? classes.active : ''}>{project.data.name}</Typography>} /></div>
+                    render={(project: TreeItem<Project>) => <span className={row}>
+                        <ListItemIcon className={project.active ? active : ''}>{project.data.icon}</ListItemIcon>
+                        <ListItemText className={listItemText} primary={<Typography className={project.active ? active : ''}>{project.data.name}</Typography>} />
                     </span>} />
             </div>
         );

-----------------------------------------------------------------------


hooks/post-receive
--