X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/818979d32a30f9b0bdbf5cee646124c131386d70..215d0b7a7e1f69765c5f2a1139e52d8c427066eb:/src/views-components/side-panel/side-panel.tsx

diff --git a/src/views-components/side-panel/side-panel.tsx b/src/views-components/side-panel/side-panel.tsx
index dce8217a..b4caef23 100644
--- a/src/views-components/side-panel/side-panel.tsx
+++ b/src/views-components/side-panel/side-panel.tsx
@@ -13,8 +13,6 @@ import { Grid, Tooltip, IconButton  } from '@material-ui/core';
 import { SidePanelButton } from 'views-components/side-panel-button/side-panel-button';
 import { RootState } from 'store/store';
 import MenuIcon from "@material-ui/icons/Menu";
-// import { IconButtonProps } from '@material-ui/core/IconButton';
-// import { toggleSidePanel } from 'store/store';
 
 const DRAWER_WIDTH = 240;
 
@@ -49,11 +47,23 @@ export const SidePanel = withStyles(styles)(
             </Grid>
     ));
 
-export const CollapseLeftPanelTrigger = (props) =>{ 
-    console.log(props)
+type collapseButtonIconProps = {
+    sidePanelIsCollapsed: boolean;
+    toggleSidePanel: (collapsedState: boolean) => void
+}
+
+const collapseButtonIconStyles = {
+    menuIcon: {
+        height: '4rem',
+        width: '4rem', 
+        paddingBottom: '0.25rem'
+    }
+}
+
+export const CollapseLeftPanelTrigger = (props: collapseButtonIconProps) =>{ 
     return <Tooltip disableFocusListener title="Toggle Side Panel">
-                <IconButton onClick={()=>{props.toggleSidePanel(props.sidepanelcollapsed)}}>
-                    <MenuIcon aria-label="Toggle Side Panel" />
+                <IconButton onClick={()=>{props.toggleSidePanel(props.sidePanelIsCollapsed)}}>
+                    <MenuIcon style={collapseButtonIconStyles.menuIcon} aria-label="Toggle Side Panel" />
                 </IconButton>
             </Tooltip>
     };
\ No newline at end of file