Condensed tree view for http://atom.io. Modify stylesheet using Atom > Open Your Stylesheet.

styles.less

/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed.
 *
 * If you are unfamiliar with LESS, you can read more about it here:
 * http://www.lesscss.org
 */

.tree-view {
  font-size:80%;
}

.list-group li:not(.list-nested-item), .list-tree li:not(.list-nested-item), .list-group li.list-nested-item > .list-item, .list-tree li.list-nested-item > .list-item {
  line-height:18px;
}

.list-group .selected:before, .list-tree .selected:before {
  height:18px;
}

.list-tree.has-collapsable-children .list-nested-item > .list-tree > li, .list-tree.has-collapsable-children .list-nested-item > .list-group > li {
  padding-left:8px;
}

Oh, yes. Much, much better. Thank You!! The default settings made it a goofy-looking waste of space (and I don't always want it hidden).

Note to newbies, you can go to View -> Reload to see the changes, or open in Dev-Mode (also under the View menu).

This was exactly what I was looking for, thanks!

Thank you 👍

If you like to, you can incorporate the change I made in my fork which makes the icons smaller as well.

yesssss

Thanks for sharing!
The selected folder seems to have a wrong height. Do you see this too?

Thank you so much <3

What I needed! Thanks

this is excellent!

Good work. Can you make some packages like tree-lines on atom? it think it would be very useful.

Thank you. Cannot believe even in 2021 its not fixed.