How to make Angular Material 6 components smaller?

Question

Angular Material 6 components are so big.

I prefer a smaller size of all controls, Can anyone guide me for the best way?

Can I change the typography without destroying grid system, ratio, balancing,... in all devices?

Answer 1

You can't reduce the size of the Angular Material Module that you use.

But if you are talking about the FONT SIZE, so yes you can do it. Check the doc of theming of angular Material