Medim size mat form field

::ng-deep .mat-form-field-flex > .mat-form-field-infix { padding: 0.4em 0px !important;}
::ng-deep .mat-form-field-label-wrapper { top: -1.5em; }

::ng-deep .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    transform: translateY(-1.1em) scale(.75);
    width: 133.33333%;
}

/* click the below link for extra info : 
	 https://stackoverflow.com/a/54762506 */

Source: stackoverflow.com

Similar codes

1 vote106 views1 answer
What css font smoothing
CSS
0 vote109 views1 answer
Css columns
CSS
1 vote95 views1 answer
Bootstrap 4 material icon vertical align
CSS
0 vote122 views1 answer
If you're trying to use a package make sure that '../../static/fonts/lato/Lato-Regular.woff' is installed. If you're trying to use a local file make sure that the path is correct.
CSS
3 votes102 views2 answers
Card template css
CSS
0 vote118 views1 answer
Espacio entre lineas css
CSS
-1 vote102 views2 answers
How to put different p elements next to each
CSS
0 vote108 views1 answer
Css animated cross mark
CSS
71 votes137 views6 answers
Css center image
CSS
0 vote112 views1 answer
Center elemnts css
CSS