title: Tooltip of angularjs material shows different position with right and left direction
body: <p>Im using AngularJs Material's tooltip and i run into a weird behaviour - when i set the direction to right - then it's shows the tooltip with different spacing then with left direction</p>
  <p>Right :
  <a href="https://i.stack.imgur.com/3uVmN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3uVmN.png" alt="enter image description here" /></a></p>
  <p>Left:
  <a href="https://i.stack.imgur.com/hBiov.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hBiov.png" alt="enter image description here" /></a></p>
  <p>As you can see - the right direction got more margin then the left one....
  I wonder how can i set them to equal spacing (i prefer the right margin...)</p>
  <p>I've tried to add the tooltip before and after the icon - just for the sake of testing - but it didn't worked.</p>
  <pre><code> &lt;md-button class=&quot;md-fab&quot;&gt;
           &lt;md-tooltip ng-show=&quot;isRTL&quot; md-direction=&quot;{{demo.tipDirection}}&quot;&gt;
            Insert Drive
          &lt;/md-tooltip&gt;
          &lt;md-icon md-svg-src=&quot;img/icons/ic_insert_drive_file_24px.svg&quot;&gt;
            &lt;md-tooltip ng-show=&quot;!isRTL&quot; md-direction=&quot;{{demo.tipDirection}}&quot;&gt;
            Insert Drive
          &lt;/md-tooltip&gt;
          &lt;/md-icon&gt;
    &lt;/md-button&gt;
  </code></pre>
  <p>B.t.w - the same bug appear on Angular Material tooltip <a href="https://material.angularjs.org/latest/demo/tooltip" rel="nofollow noreferrer">example</a></p>
  <p>Here is an <a href="https://codepen.io/royBarak80/pen/jOVmOEL" rel="nofollow noreferrer">Example</a></p>