<div layout="column" ng-if="$ctrl.dataset">
    <div layout="row" layout-align="start center">
        <h3 class="md-title" style="padding-right: 30px">Dataset: {{$ctrl.dataset.title}}</h3>
        <md-button class="md-primary" ng-click="$ctrl.selectSamples()">add samples</md-button>
        <md-button class="md-primary" ng-click="$ctrl.selectFiles()">add files</md-button>
        <!--<md-button class="md-primary">add processes</md-button>-->
        <!--<md-button class="md-primary">add notes</md-button>-->
        <span flex="10"></span>
        <md-button class="md-primary" ng-click="$ctrl.showDetailsSection = !$ctrl.showDetailsSection">details</md-button>
        <span flex="5"></span>
        <a ng-click="$ctrl.showTableView = false"
           ng-style="$ctrl.showTableView && {'color': 'black'}">
            <i class="fa fa-fw fa-th"></i>
        </a>
        <a ng-click="$ctrl.showTableView = true"
           ng-style="!$ctrl.showTableView && {'color': 'black'}">
            <i class="fa fa-fw fa-th-list"></i>
        </a>
    </div>

    <div layout="row" flex style="max-height: 70vh">
        <md-content layout="row" layout-wrap layout-align="start stretch" flex>
            <div layout="column" flex>
                <mc-dataset-details ng-show="!$ctrl.showDetailsSection" dataset=$ctrl.dataset></mc-dataset-details>
                <mc-dataset-outline dataset="$ctrl.dataset"></mc-dataset-outline>
            </div>
        </md-content>
    </div>
</div>
<div layout="column" ng-if="$ctrl.dataset">
    <div layout="row" layout-align="start center">
        <h3 class="md-title" style="padding-right: 30px">Dataset: {{$ctrl.dataset.title}}</h3>
        <md-button class="md-primary" ng-click="$ctrl.selectSamples()">add samples</md-button>
        <md-button class="md-primary" ng-click="$ctrl.selectFiles()">add files</md-button>
        <md-button ng-class="{'md-primary': $ctrl.showDetailsSection, 'md-warn': !$ctrl.showDetailsSection}"
                   ng-click="$ctrl.showDetailsSection = !$ctrl.showDetailsSection">
            {{$ctrl.showDetailsSection ? "show details" : "hide details"}}
        </md-button>
    </div>

    <div layout="row" flex style="max-height: 70vh">
        <md-content layout="row" layout-wrap layout-align="start stretch" flex>
            <div layout="column" flex>
                <mc-dataset-details ng-show="!$ctrl.showDetailsSection" dataset=$ctrl.dataset></mc-dataset-details>
                <mc-dataset-outline dataset="$ctrl.dataset"></mc-dataset-outline>
            </div>
        </md-content>
    </div>
</div>
Remove table layout choice. Change name and color of "details" button depending on whether or not the details are being shown.
Remove table layout choice. Change name and color of "details" button depending on whether or not the details are being shown.
