@asi-ngtools/lib/styles/less/asi-tree-view.less

This project is a little components library, simple to use, which will help you to simplify your project.

asi-tree-view, .asi-tree-view {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  margin: 5px;
  asi-tree-view-node, .asi-tree-view-node {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    .tree-node {
      display: flex;
      flex-direction: row;
      flex: 1 0 auto;
      align-items: center;
      padding: 5px 5px 5px 10px;
      margin-bottom: 5px;
      border: 1px solid grey;

      &.found {
        border: 1px solid orange;
      }

      div.tree-node-content {
        display: flex;
        flex: 1 0 auto;
      }
    }
  }
}