← All examples

Hacker News: more spacious story list

Adds more spacing between rows of the story list so individual titles are easier to tell apart.

Code to copy

/* Give the story list more breathing room between rows */
.athing {
  padding-top: 6px !important;
}
.athing td.title {
  padding-bottom: 2px !important;
}
.subtext {
  padding-bottom: 8px !important;
  display: inline-block !important;
}
.spacer {
  height: 8px !important;
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.