Всем привет,

Если открыть http://ec2-34-212-140-26.us-west-2.compute...min/order/index страницу (там логин уже введен)
то есть 2 вопроса с открывшемся диалоге со структурой:

<div class="modal fade in" id="div_orders_list_dialog_filter" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true" style="display: block; padding-left: 15px;">
    <div class="modal-dialog">
        <div class="modal-content">
            <section class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">Ч</span><span class="sr-only">Close</span></button>
                <div class="modal-title">Orders Filter Setup</div>
            </section>

            <section class="modal-body white-box">
                <form role="form" class="form-horizontal">


                    <div class="row form-group p-t-20">
                        <label class="col-xs-12 col-sm-4 control-label" for="filter_order_number">Order number</label>
                        <div class="col-xs-12 col-sm-8">
                            <input class="form-control editable_field string_input" value="" id="filter_order_number" type="text" maxlength="20">
                        </div>
                    </div>

                    ... 

                    <div class="row form-group">
                        <label class="col-xs-12 col-sm-4 control-label" for="filter_status">Status</label>
                        <div class="col-xs-12 col-sm-8">
                            <select id="filter_status" class="form-control editable_field select_input " name="filter_status"><option value="" selected="selected"> -Select All- </option><option value="D">Draft</option><option value="I">Invoice</option><option value="C">Cancelled</option><option value="P">Processing</option><option value="O">Completed</option><option value="R">Refunded</option></select>
                        </div>
                    </div>

                    <div class="row form-group">
                        <label class="col-xs-12 col-sm-4 control-label" for="filter_billing_postcode">Billing Postcode</label>
                        <div class="col-xs-12 col-sm-8">
                            <input class="form-control editable_field string_input" value="" id="filter_billing_postcode" type="text" maxlength="10">
                        </div>
                    </div>

                    <div class="row form-group">
                        <label class="col-xs-12 col-sm-4 control-label" for="filter_other_shipping">Other Shipping</label>
                        <div class="col-xs-12 col-sm-8">
                            <select id="filter_other_shipping" class="form-control editable_field select_input " name="filter_other_shipping"><option value="" selected="selected"> -Select All- </option><option value="Y">Has Other Shipping Details</option><option value="N">Has No Other Shipping Details</option></select>
                        </div>
                    </div>

                    <div class="row form-group">
                        <label class="col-xs-12 col-sm-4 control-label" for="filter_payment">Payment</label>
                        <div class="col-xs-12 col-sm-8">
                            <select id="filter_payment" class="form-control editable_field select_input " name="filter_payment"><option value="" selected="selected"> -Select All- </option><option value="au">Authorize.net</option><option value="pp">PayPal Express Checkout</option><option value="st">Stripe payment</option><option value="google_checkout">Google Checkout</option></select>
                        </div>
                    </div>
                    ... 

                    <div class="row form-group" style="height: 220px;">
                    </div>

                </form>
            </section>

            <section class="modal-footer pull-right" style="background-color: white; border: 0; width: 100%;">
                <div class="btn-group editor_btn_group " role="group" aria-label="group button">
                                        <table style="padding: 0; margin: 0;">
                        <tbody><tr>
                            <td style="padding-right:0.6em;">
                                <button type="button" class=" btn btn-primary btn-rounded waves-effect waves-light btn-sm " onclick="javascript: backendOrder.orderListMakeFilterDialogSubmit(); ; return false; " role="button"><span class="btn-label"><i class="fa fa-filter"></i></span> Filter</button>  
                            </td>                
                
                            <td style="padding-right:0.6em;">
                                <button type="button" class=" btn btn-inverse btn-rounded waves-effect waves-light " data-dismiss="modal" role="button"><span class="btn-label"><i class="fa fa-arrows-alt"></i></span> Cancel</button>  
                            </td>                
                
                            <td style="vertical-align: top; padding-left:0.6em; ">
                                <img src="http://ec2-34-212-140-26.us-west-2.compute.amazonaws.com/images/EliteBackend/clear-data.png" alt="Clear All Data" title="Clear All Data" class="a_link" onclick="javascript:clearPageEditables()">
                            </td>
                        </tr>
                    </tbody></table>
            
                </div>
            </section>

        </div>
    </div>
</div>

1) Футер с кнопками имеет пустые отступы слева и справа по отношению к содержимому диалога
Это можно решить если секцию футера поместить внутри секции

<section class="modal-body white-box">

внизу
Но тогда секция с унопкой будет прокручиваться.
Можно ли убрать эти отступы?

2) Я пытался немного прподнять это модальное окно и погуглив пробовал вроде

$( "#div_orders_list_dialog_filter" ).modal(  {
    "backdrop": "static",
    "keyboard": true,
    "show": true,
    "position": "absolute",
    "top":"50px",
    "z-index": 10040,
    "overflow": "auto",
    "overflow-y": "auto",
}  ); // "top": "50px",

Но безрезультатно. А как правильно?

Спасибо!