Fix Gmail "Preview" Theme with "Chat in Right Column" Lab.

gistfile1.css

// Styles needed to fix layout
.pp{ margin-left: 0px !important; margin-right:0px !important;}
.q0CeU{ margin-right:0px !important}


// Execute this in the inspector window or the address bar, or bookmark it if you can
javascript:i=document.getElementById("canvas_frame").contentWindow.document;j=i.getElementsByClassName("T0 pp");for(k=0;k<j.length;k++)if(j.item(k).getElementsByClassName("pw").item(0).innerHTML=="Chat")j.item(k).style.margin='0';i.getElementsByClassName("nH q0CeU z").item(0).style.marginRight='0';void 0

Chrome 14.0.814.0 dev

Just checked it, and darn, seems like everyone's chatbox ID is different.

You could change it to

document.getElementById('canvas_frame').contentWindow.document.getElementByClassName('T0 pp').style.marginLeft = '0';

but then it's not only the right-side chat box that gets margin'd out, but all other gadgets as well.

Any ideas?

i = document.getElementById('canvas_frame').contentWindow.document.getElementsByClassName('T0 pp'); for (j = 0; j < i.length; j ++) if (i.item(j).getElementsByClassName('pw').item(0).innerHTML == 'Chat') i.item(j).style.marginLeft = '0';

There we go.

The last one fixes it a little for me.. but there is still some right margin in the mail list.

This works for me (your code + my code):

i = document.getElementById('canvas_frame').contentWindow.document.getElementsByClassName('T0 pp'); for (j = 0; j < i.length; j ++) if (i.item(j).getElementsByClassName('pw').item(0).innerHTML == 'Chat') i.item(j).style.marginLeft = '0';
document.getElementById('canvas_frame').contentWindow.document.getElementsByClassName("nH q0CeU z")[0].style.marginRight="0";

It's really weird trying to fix Gmail...

Done. Tell people to bookmark this:

javascript:i=document.getElementById("canvas_frame").contentWindow.document;j=i.getElementsByClassName("T0 pp");for(k=0;k<j.length;k++)if(j.item(k).getElementsByClassName("pw").item(0).innerHTML=="Chat")j.item(k).style.margin='0';i.getElementsByClassName("nH q0CeU z").item(0).style.marginRight='0';void 0

Personally I actually don't mind the margin-right in the message list, though.

No need anymore. It's been fixed.