Угол вложенного узла

Question

Я пытаюсь работать с угловыми и материальными компонентами. И у меня есть два вопроса:

1) Как уменьшить глубину вложенного узла (смещение влево)? Пожалуйста, смотрите скриншот

2) Я применяю следующий стиль для изменения max-height:

.mat-tree-node { 
  min-height: 25px;
  max-height: 25px; 
}

А теперь, когда я нажимаю кнопку расширения, серый круг рисуется неправильно. Как я могу это исправить (изменить его радиус)? Пожалуйста, смотрите скриншот

Answer 1

чтобы уменьшить смещение влево, вы можете сделать это с помощью css. stackblitz

, чтобы заставить волновой эффект работать должным образом, и потому что вы изменили min-height и max-height их прародителя .mat-tree-node, сделайте так

.mat-tree-node > .mat-icon-button {
  width: 25px;
  height: 25px;
  line-height: 25px;
}