atom-material / atom-material-ui

A dynamic UI theme for Atom that follows Google's Material Design Guidelines
MIT License
817 stars 204 forks source link

Tree view spacing #206

Closed glasseyes42 closed 8 years ago

glasseyes42 commented 8 years ago

Have a large gap between the icon and text... Cannot seem to get rid of it no matter what I try in the settings, resetting workspaces, etc.

SpikeShape commented 8 years ago

I second this. It seems a bit too much. One could try to reduce it by setting custom styles without having to touch the theme itself, though.

glasseyes42 commented 8 years ago
.list-tree.has-collapsable-children .list-nested-item > .list-tree > li {
   padding-left: 0.5rem;
 }
.compact-tree-view {
  .tree-view {

    .name.icon::before {
      margin-right: 0.5rem;
    }

    li:not(.list-nested-item), li.list-nested-item > .list-item {
      line-height: 1.5rem;
    }
  }
}

...works for me in "my stylesheet". The padding-left explicitly takes care of the the icon issue. The rest just deals with the tree feeling a little expanded for my taste even in compact mode.

silvestreh commented 8 years ago

Yes, the spacing is almost in line with the design spec. It should be more spacious, but I still made it a little more compact than the spec.

You can use @glasseyes42 snippet to change it.