       <p className="form-help">If you have multiple workflows you can rearrange the order in which they are listed on your project's front page by clicking and dragging on the left gray tab next to each workflow title in the left menu bar.</p>
       {if @props.project.live and @props.workflow.active
         <p className="form-help warning"><strong>You cannot edit an active workflow if the project is live.</strong></p>}
-      <div className="columns-container" style={disabledStyle if @props.project.live and @props.workflow.active}>
+      <div className="columns-container">
         <div className="column">
           <div>
             <AutoSave tag="label" resource={@props.workflow}>


            </div>}

          <div style={pointerEvents: 'all'}>
            <a href={@workflowLink()} className="standard-button" target="from-lab" onClick={@handleViewClick}>Test this workflow</a>
          </div>

          <hr />

          <div style={pointerEvents: 'all'}>
            <Link to="/lab/#{@props.project.id}/workflow/#{@props.workflow.id}/visualize" className="standard-button" params={workflowID: @props.workflow.id, projectID: @props.project.id} title="A workflow is the sequence of tasks that you’re asking volunteers to perform.">Visualize this workflow</Link>
          </div>

          <hr />

          <div>
            <small>
              <button type="button" className="minor-button" disabled={@state.deletionInProgress} data-busy={@state.deletionInProgress || null} onClick={@handleDelete}>
                Delete this workflow

          </div>
        </div>

        <div className="column" style={disabledIfLive}>
          {if @state.selectedTaskKey? and @props.workflow.tasks[@state.selectedTaskKey]?
            TaskEditorComponent = tasks[@props.workflow.tasks[@state.selectedTaskKey].type].Editor
            <div>
