Fixing Gmail's layout with a custom style

Question

I'm trying to make Gmail's new look usable on my small 1024x768 screen - the default layout leaves only a small window for the messages, surrounded by unmoving elements. Scrolling that small window around is massively annoying.

I've managed to make the entire page scrollable using a Stylish user style (a modified version of this one):

@-moz-document domain('mail.google.com'), 
 url-prefix('https://mail.google.com/mail') {

.akc.lKgBkb,
.oLaOvc.aeJ,
.lKgBkb.nH.oy8Mbf,
.lKgBkb.ajl.aib
{
  height: auto !important;
  overflow: hidden !important;
}

#canvas_frame { overflow-y: scroll; }

.l2 { padding-bottom: 20px !important; }

}

The elements that were supposed to have scrollbars now have height: auto, and what is scrolled is the whole outer page (in #canvas-frame) that was supposed to remain static.

I'm mostly satisfied with the effect -- it works almost like the old Gmail did. There is, however, a problem - scrolling with keyboard (arrow keys, PgUp/PgDn, Home/End) stopped working. Any ideas on how to fix that?

Answer 1

Have you tried looking for a ready solution? While a DIY approach is admirable, chances are someone already made the change in-depth, especially given some users' dissatisfaction with the new look options.

The file linked here (no affiliation) under "Greasemonkey users can also install this style as user script" could be a good starting point; although I'd go through it in greater detail and remove any odd 3rd party url references etc.