How to theme Angular Material to be more compact

Question

I'm using Angular Material 7, and find the gutter spacing of the mat-form-field et. al. to be too large. On the desktop, the information density is very low. I'd like to adjust this using theming, but Google only leads me to tutorials describing how to change colors. Does anyone have advice on how to make the spacing more compact without debugging dozens of Material css directives?

Answer 1

Material design has different density levels, Angular team finally implemented this and it is now an experimental feature in Angular 10 release.