Feature request - Increase workspace width

Hello,

I’m using a 1920x1080 monitor and I’m feeling that a lot of space is being wasted due to bootstrap container width and the left sidebar. I rarely use the left sidebar for my needs and I would love to see an option to collapse / expand it and make the main column 100% width.

Currently what I did using Stylish on firefox is add the following media query to gain extra space in full size screens

@media (min-width: 1440px) {
.container{
  width: 100%
}

For the collapse / expand I’m thinking of adding a pin button

which when clicked would perform something like the following

    $('document').ready(function () {
        var sidebar_expanded = true;
        $('.pin-button').click(function(){
                if(sidebar_expanded){
                    $('.layout-side-section').hide();
                    $('.layout-main-section-wrapper').css('width', '100%');
                    sidebar_expanded = false;
                }
                else{
                    $('.layout-side-section').show();
                    $('.layout-main-section-wrapper').removeAttr('style');
                   sidebar_expanded = true;
                }
        });
    });

[ioweb-gr]

It’s nice to see more interest in this. I also toyed with the idea of presenting more than 12 columns in grid and using class table table-responsive from bootstrap to allow horizontal scrolling on the table because sometimes the 12 columns aren’t enough for presenting the info I need in lists so I end up with name column being extra small.

[ioweb-gr]

I just found a relevant request to this one https://github.com/frappe/manual_erpnext_com/issues/52#issue-141896613