fix bouncing help icons on mobiles devices

scm-ui-components/packages/ui-components/src/Help.js

@@ -1,39 +1,33 @@
 //@flow
 import React from "react";
 import injectSheet from "react-jss";
-import classNames from "classnames";
+import Tooltip from './Tooltip';
+import HelpIcon from './HelpIcon';
 
 const styles = {
-  img: {
-    display: "block"
-  },
-  q: {
-    float: "left",
-    paddingLeft: "3px",
-    float: "right"
+  tooltip: {
+    display: "inline-block",
+    paddingLeft: "3px"
   }
 };
 
 type Props = {
   message: string,
   classes: any
-};
+}
 
 class Help extends React.Component<Props> {
+
   render() {
     const { message, classes } = this.props;
-    const multiline = message.length > 60 ? "is-tooltip-multiline" : "";
     return (
-      <div
-        className={classNames("tooltip is-tooltip-right", multiline, classes.q)}
-        data-tooltip={message}
-      >
-        <i
-          className={classNames("fa fa-question has-text-info", classes.img)}
-        />
-      </div>
+      <Tooltip className={classes.tooltip} message={message}>
+        <HelpIcon />
+      </Tooltip>
     );
   }
+
 }
 
 export default injectSheet(styles)(Help);
+