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

3 votes221 views1 answer
Display none css inline
CSS
2 votes264 views2 answers
Css resize image to fit div no stretching
CSS
0 vote233 views1 answer
Flex index css
CSS
9 votes256 views3 answers
Bootstrap list
CSS Bootstrap
1 vote237 views1 answer
How to stop a page from scrolling horizontally
CSS
1 vote225 views1 answer
Wp wpbakery bulder page alignment
CSS
0 vote229 views2 answers
Css align image bottom
CSS
0 vote235 views5 answers
Sweetalert to small bootstrap
CSS
12 votes235 views2 answers
Css select every other element
CSS
0 vote230 views1 answer
Webkit scrollbar padding
CSS