Userscripts.org

Hi, you need to also adjust the child elements:

#nav, #logo-container, #lhn-add-subscription-section, #scrollable-sections-top-shadow, #scrollable-sections-bottom-shadow { width: 220px !important; }

This will of course start to hide your unread post counts, so you need to also adjust the label max widths:

.folder .folder .name-text #reading-list-selector .label { max-width: 120px !important; }

Doh, sorry my bad, wasn't concentrating, also:

#chrome { margin-left: 220px !important; }

Hiya, sorry for late reply, was away from PC. It's only happening because of my reckless use of !important ;). Just remove it.

#chrome { margin-left: 220px; }

I need to break the bad habit :)

Cheers

(i'll see if I can find a solution to the 'subscribe' button clipping on thinner nav style, time willing.)

Just wanted to add, this is quick and dirty code using pixel width instead of percentages that isn't designed to scale gracefully. A new feature coming in version 4.0, setting nav section width from the Config Box, and all elements will gracefully resize regardless of nav width.

I see you're using Stylish which is loading the custom code first and Google Reader code is cancelling it out, so we need the !important in this case, but we will make the margin that houses the nav section adjust 'auto' matically with the below code.

Try...

#chrome { margin-left: auto !important; }

Look out for a new version which will cancel your need for stylish script. :)