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

0 vote145 views1 answer
Css feather border
CSS
0 vote115 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS
3 votes161 views2 answers
How center content in css by using flex
CSS
0 vote142 views1 answer
Css ditribute width equealy to child components
CSS
3 votes148 views2 answers
Css glow text
CSS
0 vote146 views1 answer
How to add space between image and text in css
CSS
6 votes149 views2 answers
Image orientation css
CSS
0 vote161 views2 answers
Animate.css not working
CSS
0 vote113 views1 answer
Sticky form look blurred
CSS
0 vote158 views1 answer
Webpagetest.org header security fixing
CSS