fix(button-toggle): svg icon not align inside toggle (#13839)

Fixes the `svg` node inside the icon being shifted down inside a button toggle. Fixes #13726.
angular · Nov 12, 2018 · 2814a99 · 2814a99
1 parent 44322ee
commit 2814a99
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/lib/button-toggle/button-toggle.scss b/src/lib/button-toggle/button-toggle.scss
@@ -48,6 +48,11 @@ $mat-button-toggle-legacy-border-radius: 2px !default;
   white-space: nowrap;
   position: relative;
 
+  // Fixes SVG icons that get thrown off because of the `vertical-align` on the parent.
+  .mat-icon svg {
+    vertical-align: top;
+  }
+
   &.cdk-keyboard-focused {
     .mat-button-toggle-focus-overlay {
       opacity: 1;