<div layout="row" flex layout-align="start center">
    <label flex="30">{{$ctrl.heading}}</label>
    <md-button ng-click="$ctrl.add($ctrl.what)" class="md-primary">
        <i class="fa fa-fw fa-plus"></i>
        add {{$ctrl.label}}
    </md-button>
</div>
<md-list-item layout="row" flex ng-repeat="value in $ctrl.experiment[$ctrl.what] track by $index">
    <md-input-container flex="90">
        <label> {{$ctrl.label}} {{$index + 1}}</label>
        <input type="text"
               ng-model="value"
               ng-model-options="{debounce: 500}"
               ng-change="$ctrl.update($ctrl.label.toLowerCase(), value, $index+1)">
    </md-input-container>
    <md-input-container flex="10">
        <i ng-click="$ctrl.remove($ctrl.label.toLowerCase(), value, $index)" class="pull-right fa fa-close"></i>
    </md-input-container>
</md-list-item>

<div layout="row" flex layout-align="start center">
    <label flex="30">{{$ctrl.heading}}</label>
    <md-button ng-click="$ctrl.add($ctrl.what)" class="md-primary">
        <i class="fa fa-fw fa-plus"></i>
        add {{$ctrl.label}}
    </md-button>
</div>
<md-list-item layout="row" flex ng-repeat="value in $ctrl.experiment[$ctrl.what] track by $index">
    <md-input-container flex="90">
        <label> {{$ctrl.label}} {{$index + 1}}</label>
        <input type="text"
               ng-model="value"
               ng-model-options="{debounce: 500}"
               ng-change="$ctrl.update($ctrl.label.toLowerCase(), value, $index+1)">
    </md-input-container>

    <a class="mc-error-color" ng-click="$ctrl.remove($ctrl.label.toLowerCase(), value, $index)">
        <i class="fa fa-fw fa-remove"></i>
    </a>
</md-list-item>

Make the remove x red and a link so that there is a pointer.
Make the remove x red and a link so that there is a pointer.
