Hi everybody,

I am having a hard time figuring out why the table has a mind on its own and displays info the way it wants and not the way I need. Attached please find the way it displays now. I want the columns to be of reasonable size and in the expires column I want two controls and label to be on the same line. Also the last checkbox seems to be not on the same line as the rest of controls.

Here is my code:

 <div class="form-group" ng-show="currentmax4sale.type%10== 6">
                <table id="subCategoriesList" class="table table-responsive table-hover table-list">
                    <thead>
                        <tr>
                            <th>@Labels.enableBlockHold</th>
                            <th>@Labels.subCategory</th>
                            <th>@Labels.blockHoldExpires</th>
                            <th>@Labels.maxNumberForBlockHold</th>
                            <th>@Labels.remaining</th>
                            <th>@Labels.allowItemSaleAfterExpire</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="result in currentmax4sale.subCategoriesList" ng-form="subCategoriesRow">
                            <td> <input type="checkbox" ng-model="result.isBhold" /></td>
                            <td> {{ result.subCategory }}</td>
                            <td>
                                <div>
                                    <input type="number" name="numberOfDays" ng-readonly="!result.isBhold"
                                           id="numberOfDays"
                                           ng-model="result.bHoldDays"
                                           class="form-control col-md-4"
                                           min="0"
                                           max="364"
                                           data-sm:number
                                           data-sm:number-format
                                           data-accuracy="0" />
                                    <label class="control-label col-md-2">@Labels.days @Labels.priorAt</label>
                                    <data-sm:-time-picker ng-model="result.bHoldExpires" form="form.editMax4saleGeneralForm" class="form-control col-md-5"
                                                          ng-readonly="!result.isBhold"
                                                          name="bHoldExpires" placeholder="00:00"
                                                          is-time-range="false">
                                    </data-sm:-time-picker>
                                </div>
                            </td>
                            <td>
                                <input type="number" name="max4Sales"
                                       id="max4Sale" ng-readonly="!result.isBhold"
                                       ng-model="result.maxSale"
                                       class="form-control"
                                       min="0"
                                       max="10000000"
                                       data-sm:number
                                       data-sm:number-format
                                       data-accuracy="0" />
                            </td>
                            <td><label class="control-label">{{result.maxSale - result.currentCount}}</label></td>
                            <td> <input type="checkbox" ng-model="result.allowItemSaleAfterExpire" ng-readonly="!result.isBhold" /></td>
                        </tr>
                    </tbody>
                </table>
            </div>

Thanks in advance.