From 19706aa539b80bf8e4d7688d16d1381bad14075d Mon Sep 17 00:00:00 2001
From: Alexander Surma <surma@surmair.de>
Date: Tue, 12 May 2015 16:27:10 +0100
Subject: [PATCH] Fix icon placement on retina in Firefox (fixes #275)

---
 src/button/_button.scss | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/button/_button.scss b/src/button/_button.scss
index 74a85253..37ff7186 100644
--- a/src/button/_button.scss
+++ b/src/button/_button.scss
@@ -140,8 +140,6 @@
       top: 50%;
       left: 50%;
       transform: translate(- $button-fab-font-size / 2, - $button-fab-font-size / 2);
-      /*top: ($button-fab-size - $button-fab-font-size) / 2;
-      left: ($button-fab-size - $button-fab-font-size) / 2;*/
       line-height: $button-fab-font-size;
       width: $button-fab-font-size;
     }
@@ -214,8 +212,11 @@
 
     & .mdl-icon {
       position: absolute;
-      top: ($button-icon-size - $button-fab-font-size) / 2;
-      left: ($button-icon-size - $button-fab-font-size) / 2;
+      top: 50%;
+      left: 50%;
+      transform: translate(- $button-fab-font-size / 2, - $button-fab-font-size / 2);
+      line-height: $button-fab-font-size;
+      width: $button-fab-font-size;
     }
 
     &.mdl-button--mini-icon {