<div layout="column" layout-margin style="max-height: 68vh;">
    <div layout="row" layout-align="start center">
        <span flex-offset="15">Task</span>
        <span flex-offset="35">Template</span>
    </div>
    <md-content ui-tree="$ctrl.treeOptions" id="tree-root" ng-if="$ctrl.experiment.tasks.length">
        <ol ui-tree-nodes ng-model="$ctrl.experiment.tasks" style="margin-right: 8px">
            <li dir-paginate="task in $ctrl.experiment.tasks | filter:$ctrl.filterBy | itemsPerPage:20" flex
                ui-tree-node>
                <mc-experiment-tasks-list-dir task="::task">
                </mc-experiment-tasks-list-dir>
            </li>
        </ol>
        <dir-pagination-controls></dir-pagination-controls>
    </md-content>
</div>

<div layout="column" layout-margin style="maxx-height: 68vh;">
    <div layout="row" layout-align="start center">
        <span flex-offset="15">Task</span>
        <span flex-offset="35">Template</span>
    </div>
    <md-content ui-tree="$ctrl.treeOptions" id="tree-root" ng-if="$ctrl.experiment.tasks.length">
        <ol ui-tree-nodes ng-model="$ctrl.experiment.tasks" style="margin-right: 8px">
            <li dir-paginate="task in $ctrl.experiment.tasks | filter:$ctrl.filterBy | itemsPerPage:10" flex
                ui-tree-node>
                <mc-experiment-tasks-list-dir task="::task">
                </mc-experiment-tasks-list-dir>
            </li>
        </ol>
        <dir-pagination-controls></dir-pagination-controls>
    </md-content>
</div>

Rename max-height for task list. Limit number of tasks to 10 per page (for now).
Rename max-height for task list. Limit number of tasks to 10 per page (for now).
