     style: {
       display: 'flex'
       flex: 1
-      width: "#{state.sideWidth}px"
-      flexBasis: "#{state.sideWidth}px"
-      height: "#{state.height}px"
+      width: "#{if state.collapsed then 5 else state.sideWidth}px"
       flexDirection: 'row'
     }
   }, [


    define = {
      sideWidth: hg.value 400
      channels: {
        changeWidth: changeWidth
      }
      steps: {
        stepIn: stepIn

          cursor: if state.collapsed then '' else 'ns-resize'
          display: 'flex'
          'flex-direction': 'column'
        'ev-mousedown': unless state.collapsed then dragHandler state.channels.changeHeight, {}
      }, [
        h('div', {
            style: {
