Spacing Out Netvibes

I’m a big fan of Netvibes. It’s a highly dynamic portal with all kinds of neat widgets. It’s my home page these days. One gripe I have with it though is the way headlines are cramped together. It’s hard to distinguish each headline, especially if the words wrap around:

Notice how the headlines look like one big paragraph even though they’re actually discrete bits of information. So I decided to whip out the beloved Firefox Web Developer Extension and mess with the CSS. After some digging around, I ended up with this:

All it took was the following bit of CSS tweaking:

.rssItemList li{

margin-bottom: 4px;

/* height: 14px;

overflow: hidden;*/

line-height: 1em;

padding: 1px 0 6px 12px;

border-bottom: 1px dotted #ccc;


}

I’ve rambled on in the past about the importance of space in laying out information. When you clump stuff together, the information sticks together, and our poor little brains are left with the task of pulling it apart again to make sense of it.
Long live CSS.

4 Comments Spacing Out Netvibes

  1. Basement.org

    Feedback Loop 2.0

    You have got to love the twisted little feedback loop that is the Web these days. Last week, I whined like a child that Netvibes’ front-end was a bit too cramped. Yesterday, I posted about a neat little tool called…

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>