fix custom toggle icon alignment

angular · Sep 26, 2022 · b304711 · b304711
1 parent 610465a
commit b304711
Showing 1 changed file with 11 additions and 0 deletions.
diff --git 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;
+      }
     }
   }