<waltz-section name="Viewpoint Ratings"
               icon="star-half-o">
    <div class="row">
        <div class="col-sm-6">
            <waltz-measurable-ratings-browser ratings="$ctrl.ratings"
                                              measurables="$ctrl.measurables"
                                              scroll-height="500"
                                              on-select="$ctrl.onSelect">
            </waltz-measurable-ratings-browser>
        </div>
        <div class="col-sm-6">
            <waltz-loading-notification show="$ctrl.visibility.loading"
                                        name="Loading">
            </waltz-loading-notification>
            <div ng-if="$ctrl.tableData"
                 style="padding-top: 54px;">
                <h4 ng-bind="$ctrl.selectedMeasurable.name"></h4>
                <p class="small text-muted"
                   ng-bind="$ctrl.selectedMeasurable.description"></p>
                <waltz-grid-with-search column-defs="$ctrl.columnDefs"
                                        entries="$ctrl.tableData"
                                        searchPlaceholderText="Search"
                                        exportFilename="ratings.csv"
                                        on-initialise="$ctrl.onGridInitialise">
                </waltz-grid-with-search>
            </div>
        </div>
    </div>

</waltz-section>
<waltz-section name="Viewpoint Ratings"
               icon="star-half-o">
    <div class="row">
        <div class="col-sm-6">
            <waltz-measurable-ratings-browser ratings="$ctrl.ratings"
                                              measurables="$ctrl.measurables"
                                              scroll-height="500"
                                              on-select="$ctrl.onSelect">
            </waltz-measurable-ratings-browser>
        </div>
        <div class="col-sm-6">
            <waltz-loading-notification show="$ctrl.visibility.loading"
                                        name="Loading">
            </waltz-loading-notification>
            <div ng-if="$ctrl.tableData"
                 style="padding-top: 54px;">
                <h4>
                    <span ng-bind="$ctrl.selectedMeasurable.name">
                    </span>
                    <a class="small small"
                       ui-sref="main.measurable.view ({ id: $ctrl.selectedMeasurable.id })">
                        ( more &raquo; )
                    </a>
                </h4>
                <p class="small text-muted"
                   ng-bind="$ctrl.selectedMeasurable.description"></p>
                <waltz-grid-with-search column-defs="$ctrl.columnDefs"
                                        entries="$ctrl.tableData"
                                        searchPlaceholderText="Search"
                                        exportFilename="ratings.csv"
                                        on-initialise="$ctrl.onGridInitialise">
                </waltz-grid-with-search>
            </div>
        </div>
    </div>

</waltz-section>
Improve lnf of measurable browser
Improve lnf of measurable browser

#1349
