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

6 votes85 views2 answers
Remove horizontal scrollbar css
CSS
10 votes111 views6 answers
Css bottom shadow
CSS
2 votes102 views1 answer
Underline css animation hover
CSS
29 votes108 views2 answers
Scc chang the background color
CSS
0 vote106 views1 answer
Ovale css
CSS
0 vote116 views1 answer
Css calc margin-top based on height?
CSS
0 vote111 views1 answer
"graphql.print"
CSS
0 vote151 views2 answers
Bootstrap 4 scss angular 8
CSS Bootstrap
2 votes102 views1 answer
How to prevent anchor links from scrolling behind a sticky header with one line of CSS
CSS
1 vote122 views1 answer
Css selector start with
CSS