Add a style class which removes the bottom padding for fields

Material form fields have a padding at the bottom for hints or errors. This can cause alignment issues when no hints or errors are used.

Usage examples

<mat-form-field appearance="outline" class="no-field-hint">
</mat-form-field>

<div class="no-field-hint">
  <mat-form-field appearance="outline">
  </mat-form-field>
</div>

Without no-field-hint class

With no-field-hint class