title: css alignment issues in Microsoft Edge browser
body: <p>I am trying to make my application cross-browser compatible. While testing in Microsoft Edge browser I found out that Edge calculate width in a different manner as compared to all other browsers. for eg. the buttons appear distorted in Edge while displaying perfectly in all other browsers(Chrome, Firefox, IE11).
  <a href="https://i.stack.imgur.com/P3otx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/P3otx.png" alt="display in Microsoft Edge browser"></a></p>
  
  <p><a href="https://i.stack.imgur.com/WCYub.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WCYub.png" alt="display in chrome/IE11"></a></p>
  
  <p>Quick hack that can be done is detect Edge browser and apply width specific to it. But I do not think that it would be an optimal solution. Can anyone suggest better solution for it? 
  If i set width to be 22% then it displays fine in Edge browser but chrome display breaks. So that solution too is out :( 
  Please help!</p>
  
  <pre><code>&lt;div class="btn-toolbar pull-right"&gt;
      &lt;button type="button" class="btn btn-default btn-no-trans"&gt;
          &lt;i class="icon icon-dashboard"&gt;&lt;/i&gt;
          &lt;span translate&gt;
              Manage Dashboards
          &lt;/span&gt;
      &lt;/button&gt;
  
  
  
      &lt;button type="button" class="btn btn-default btn-no-trans" id="editDashboardBtn"&gt;
          &lt;i class="icon icon-pencil"&gt;&lt;/i&gt;
          &lt;span translate&gt;
              Edit Dashboard
          &lt;/span&gt;
      &lt;/button&gt;
  
      &lt;button type="button" class="btn btn-default btn-no-trans"&gt;
          &lt;i class="icon icon-trash"&gt;&lt;/i&gt;
          &lt;span translate&gt;
              Delete Dashboard
          &lt;/span&gt;
      &lt;/button&gt;
  
      &lt;button type="button" class="btn btn-default btn-no-trans"&gt;
          &lt;i class="icon icon-refresh"&gt;&lt;/i&gt;
          &lt;span translate&gt;
              Refresh
          &lt;/span&gt;
      &lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am not applying any additional css to any of the buttons. It has default bootstrap styling</p>