Adding tooltip to email in user popover

web/react/components/user_profile.jsx

@@ -28,6 +28,7 @@ module.exports = React.createClass({
     componentDidMount: function() {
         UserStore.addChangeListener(this._onChange);
         $("#profile_" + this.uniqueId).popover({placement : 'right', container: 'body', trigger: 'hover', html: true, delay: { "show": 200, "hide": 100 }});
+        $('body').tooltip( {selector: '[data-toggle=tooltip]', trigger: 'hover click'} );
     },
     componentWillUnmount: function() {
         UserStore.removeChangeListener(this._onChange);

web/sass-files/sass/partials/_base.scss

@@ -49,6 +49,12 @@ div.theme {
   background-color: $primary-color;
 }
 
+.tooltip {
+  .tooltip-inner {
+    word-break: break-word;
+  }
+}
+
 .nopadding {
  padding: 0;
  margin: 0;