From 110a9ba1cf61ae99e38e62b610e85103e414dd43 Mon Sep 17 00:00:00 2001
From: Marcos Moura <marcosvmmoura@gmail.com>
Date: Mon, 21 Nov 2016 04:03:02 -0200
Subject: [PATCH] Improve tooltip styling

---
 src/components/mdAvatar/mdAvatar.scss | 26 +++++++++----------
 src/components/mdButton/mdButton.scss | 36 +++++++++++++--------------
 2 files changed, 31 insertions(+), 31 deletions(-)

diff --git a/src/components/mdAvatar/mdAvatar.scss b/src/components/mdAvatar/mdAvatar.scss
index 893515f..84ea5b8 100644
--- a/src/components/mdAvatar/mdAvatar.scss
+++ b/src/components/mdAvatar/mdAvatar.scss
@@ -60,22 +60,22 @@ $avatar-large-icon: 40px;
       animation-duration: .9s;
     }
   }
+}
 
-  .md-avatar-tooltip {
-    &.md-tooltip-top {
-      margin-top: -8px;
-    }
+.md-avatar-tooltip {
+  &.md-tooltip-top {
+    margin-top: -8px;
+  }
 
-    &.md-tooltip-right {
-      margin-left: 8px;
-    }
+  &.md-tooltip-right {
+    margin-left: 8px;
+  }
 
-    &.md-tooltip-bottom {
-      margin-top: 8px;
-    }
+  &.md-tooltip-bottom {
+    margin-top: 8px;
+  }
 
-    &.md-tooltip-left {
-      margin-left: -8px;
-    }
+  &.md-tooltip-left {
+    margin-left: -8px;
   }
 }
diff --git a/src/components/mdButton/mdButton.scss b/src/components/mdButton/mdButton.scss
index 033784d..8189f76 100644
--- a/src/components/mdButton/mdButton.scss
+++ b/src/components/mdButton/mdButton.scss
@@ -110,24 +110,6 @@ $button-icon-size: 40px;
       line-height: $button-dense-height;
     }
 
-    .md-button-tooltip {
-      &.md-tooltip-top {
-        margin-top: -8px;
-      }
-
-      &.md-tooltip-right {
-        margin-left: 8px;
-      }
-
-      &.md-tooltip-bottom {
-        margin-top: 8px;
-      }
-
-      &.md-tooltip-left {
-        margin-left: -8px;
-      }
-    }
-
     .md-ink-ripple {
       border-radius: 50%;
 
@@ -257,3 +239,21 @@ $button-icon-size: 40px;
     display: block;
   }
 }
+
+.md-button-tooltip {
+  &.md-tooltip-top {
+    margin-top: -8px;
+  }
+
+  &.md-tooltip-right {
+    margin-left: 8px;
+  }
+
+  &.md-tooltip-bottom {
+    margin-top: 8px;
+  }
+
+  &.md-tooltip-left {
+    margin-left: -8px;
+  }
+}