From 7863e38dcfa0cfebcbcdf2556b335f88fbb9e17e Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Thu, 5 Jan 2017 01:05:45 +0100
Subject: [PATCH] fix(tooltip): better handling of multi-line text (#2472)

Fixes #2205.
---
 src/lib/tooltip/tooltip.scss | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/lib/tooltip/tooltip.scss b/src/lib/tooltip/tooltip.scss
index 33aac8185327..8ffc2410dded 100644
--- a/src/lib/tooltip/tooltip.scss
+++ b/src/lib/tooltip/tooltip.scss
@@ -2,9 +2,11 @@
 @import '../core/a11y/a11y';
 
 
-$md-tooltip-height: 22px;
+$md-tooltip-target-height: 22px;
+$md-tooltip-font-size: 10px;
 $md-tooltip-margin: 14px;
-$md-tooltip-padding: 8px;
+$md-tooltip-horizontal-padding: 8px;
+$md-tooltip-vertical-padding: ($md-tooltip-target-height - $md-tooltip-font-size) / 2;
 
 :host {
   pointer-events: none;
@@ -12,13 +14,11 @@ $md-tooltip-padding: 8px;
 
 .md-tooltip {
   color: white;
-  padding: 0 $md-tooltip-padding;
+  padding: $md-tooltip-vertical-padding $md-tooltip-horizontal-padding;
   border-radius: 2px;
   font-family: $md-font-family;
-  font-size: 10px;
+  font-size: $md-tooltip-font-size;
   margin: $md-tooltip-margin;
-  height: $md-tooltip-height;
-  line-height: $md-tooltip-height;
 
   @include cdk-high-contrast {
     outline: solid 1px;