feature(md-icon-button): set fixed line height for wrapped content (#…

…1469) `<md-icon></md-icon>` should be centered inside `<button md-icon-button></button>` when it's size is reduced in additional fix it for md-fab Closes #1426
angular · Nov 1, 2016 · 8220452 · 8220452
1 parent b14bb72
commit 8220452
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/lib/button/_button-base.scss b/src/lib/button/_button-base.scss
@@ -112,5 +112,6 @@ $md-mini-fab-padding: 8px !default;
 
   i, md-icon {
     padding: $padding 0;
+    line-height: $md-icon-button-line-height;
   }
 }
diff --git a/src/lib/button/button.scss b/src/lib/button/button.scss
@@ -43,6 +43,7 @@
   border-radius: $md-icon-button-border-radius;
 
   .md-button-wrapper > * {
+    line-height: $md-icon-button-line-height;
     vertical-align: middle;
   }
 }