title: How to make Angular Material 6 components smaller?
body: <p><a href="https://material.angular.io/" rel="nofollow noreferrer">Angular Material 6</a> components are so big.</p>
  
  <p>I prefer a smaller size of all controls, Can anyone guide me for the best way?</p>
  
  <p>Can I change the typography without destroying grid system, ratio, balancing,... in all devices?</p>