Compress mode

[renaudkaczmarek]

Hi Zeromax, first, you made a marvelous work on the Contao BE. Truly. Thank you !

I want to ask you if you could propose some kind of "compress" option/alternative to reduce scroll by reducing all height, line-height, paddings and margins. I mean I agree the actual interface is very neat and clean but to me, ergonomic is also very important and more over on a BE.

Here is some quick css I did to improve this :

.page-header{
    margin: 10px 0 5px;
    padding-bottom: 5px;
}
.sidebar-nav ul li a{
    padding-top: 5px;
    padding-bottom: 5px;
}
.sidebar .nav-second-level li a{
    color: grey;
    font-size: .8em;
    padding-top: 3px;
    padding-bottom: 3px;
}
.nav>li>a {
}

.action-icon {
    padding: 5px;
    width: 28px;
}

.table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td, .table>tfoot>tr>th, .table>tfoot>tr>td{
    padding: 5px;
    line-height: 1.1;
}
.table li, .tl_listing li {
    line-height: 20px;
}

.tl_file, .tl_file_list {
    font-size: .8em;
}

.tl_file_list.tl_right_nowrap{
    padding: 0 !important;
}

.tl_file .tl_left span{
    display: inline-block;
}

.tl_form{
}
.tl_tip{
    height: 14px;
    margin-top: 5px;
    margin-bottom: 3px;
    font-size: .7em;
}

label{
    margin-bottom: 0;
}

fieldset.tl_tbox, fieldset.tl_box{
    margin-top: 10px;
}

h1, .h1, h2, .h2, h3, .h3{
    margin-top: 10px;
    margin-bottom: 5px;
}
h2, .h2, h3, .h3{
    margin-top: 5px;
    margin-bottom: 3px;
}

.tl_panel_bottom .tl_subpanel input[type="image"], .tl_panel .tl_subpanel input[type="image"], .wizard a, input[type="submit"], .tl_submit, #tl_buttons>a{
    padding: 3px 5px;
    font-size: 12px;
}

Here is the result :

I hope you'll understand my request. Sorry for my English :)

BR. Renaud