From b304711b8a1a090f08478d5f045ff66613909126 Mon Sep 17 00:00:00 2001 From: Miles Malerba Date: Sun, 25 Sep 2022 17:40:15 +0000 Subject: [PATCH] fix custom toggle icon alignment --- .../datepicker/_datepicker-legacy-compat.scss | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/src/material/datepicker/_datepicker-legacy-compat.scss b/src/material/datepicker/_datepicker-legacy-compat.scss index 082f1800d3be..36a8bd36fe16 100644 --- a/src/material/datepicker/_datepicker-legacy-compat.scss +++ b/src/material/datepicker/_datepicker-legacy-compat.scss @@ -39,6 +39,12 @@ padding: 8px 0; } } + + .mat-datepicker-toggle .mat-mdc-icon-button .mat-icon { + font-size: 1em; + display: inline-block; + margin: -2px 0 1px 0; + } } .mat-form-field-type-mat-date-range-input .mat-form-field-infix { @@ -59,6 +65,11 @@ .mat-datepicker-toggle-default-icon { width: 1em; } + + .mat-datepicker-toggle .mat-mdc-icon-button .mat-icon { + line-height: 1.5em; + margin: 0; + } } }