Hi Viv,

We have a mover directive. I will show you the HTML template. The problem is that it's always fixed height. I want it to be able to resize in height. Do you know what can I adjust here?

<div class="row">
    <div class="col-md-5 pull-left">
        <div class="form-group">
            <label class="control-label">{{unassignedItemsTitle}}</label>
            <div>
                <select class="form-control select-list" multiple
                         ng-model="unassigned" 
                        ng-options="unassignedItem.descrip for unassignedItem in unassignedItems | orderBy:'descrip'"></select>
            </div>
        </div>
    </div>

    <div class="col-md-2 pull-left" style="text-align: center; padding: 25px;">
        <button ng-click="moveRight(unassigned)" class="btn btn-block"><i class="icon-angle-right icon-1x"></i></button>
        <button ng-click="moveRightAll()" class="btn btn-block"><i class="icon-double-angle-right icon-1x"></i></button>
        <button ng-click="moveLeft(assigned)" class="btn btn-block"><i class="icon-angle-left icon-1x"></i></button>
        <button ng-click="moveLeftAll()" class="btn btn-block"><i class="icon-double-angle-left icon-1x"></i></button>    
    </div>

    <div class="col-md-5 pull-left">
        <div class="form-group">
            <div>
                <label class="control-label">{{assignedItemsTitle}}   </label><span class="pull-right">
                <a class="badge" ng-click="moveUp(assigned)" ng-show="sortable" data-toggle="tooltip" title="Move Selected Item Up" 
                   ng-disabled="upDisabled" href="#"><i class="icon-angle-up icon-1x"></i></a>
                <a class="badge" ng-click="moveDown(assigned)" ng-show="sortable" data-toggle="tooltip" 
                   title="Move Selected Item Down" ng-disabled="downDisabled"><i class="icon-angle-down icon-1x"></i></a></span>
            </div>
            <div>
                <select class="form-control select-list" ng-change="setSortDisabled(assigned)" multiple
                         ng-model="assigned" 
                        ng-options="assignedItem.descrip for assignedItem in assignedItems| orderBy: 'SortOrder'"></select>
            </div>
        </div>
    </div>
</div>

I am trying to place this mover into the container

<div class="form-group padd">
            <div class="container">
                <data-sm:duallist-directive ng-required="false"
                                            unassigned-items-title="'Available Modifiers'"
                                            unassigned-items="currentModifierGroup.unassignedItems"
                                            assigned-items-title="'Assigned Modifiers'"
                                            assigned-items="currentModifierGroup.assignedItems">
                </data-sm:duallist-directive>
            </div>
        </div>

Attached is a screen shot of the form. I want the mover to take all available bottom space.

Thanks in advance.